博客園主題——atum3.0升級發佈啦

来源:https://www.cnblogs.com/cjunn/archive/2023/06/18/17489339.html
-Advertisement-
Play Games

## 介紹 這是一款基於VUE3.0 打造的簡約型博客主題,相容各大主流瀏覽器,適配各個設備與解析度,PC、平板、手機等均可正常瀏覽。並且採用響應式設計,提高使用響應速度。 ## 特性 - 響應式設計,相容平板、手機端瀏覽器。 - 提供多種配置信息,方便各類用戶進行個人定製化。 - 部署文檔十分詳細 ...


介紹

這是一款基於VUE3.0 打造的簡約型博客主題,相容各大主流瀏覽器,適配各個設備與解析度,PC、平板、手機等均可正常瀏覽。並且採用響應式設計,提高使用響應速度。

特性

  • 響應式設計,相容平板、手機端瀏覽器。
  • 提供多種配置信息,方便各類用戶進行個人定製化。
  • 部署文檔十分詳細且部署快捷,僅只需要引入script地址即可出效果。
  • 主題整體偏向簡約、無太多不必要的特效畫面、偏向於簡潔型博客。
  • 請求局部ajax刷新,實現全站無刷新式局部載入。
  • 後端介面採用博客園介面,您無須部署自己的後端伺服器。
  • 提供兩套主題UI可供選擇。

急速部署

前提:已經開通js許可權,沒開通的可以向博客園官方申請開通。並且確保博客中至少有一篇隨筆

代碼塊部署位置

<style type="text/css">
#page_begin_html{top: 0;bottom: 0;left: 0;right: 0;position: fixed;z-index:99999;}
#home #main #mainContent{display:none}
body{margin:0;padding:0;overflow:hidden;margin-top:100%}#shade_animal_wrap{opacity:1;margin:0;padding:0;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;align-items:center;justify-content:center;height:100vh;width:100%;background-color:#f2f2f2;z-index:99999;transition:all .5s ease 0s;}.lds-hourglass{display:inline-block;position:relative;width:64px;height:64px;transform:translateX(-30px) translateY(-60px);}.lds-hourglass:after{content:" ";display:block;border-radius:50%;width:0;height:0;margin:6px;box-sizing:border-box;border:60px solid #fff;border-color:#ff8d00 transparent #ff3004 transparent;animation:lds-hourglass 1.2s infinite;}@keyframes lds-hourglass{0%{transform:rotate(0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);}50%{transform:rotate(900deg);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);}100%{transform:rotate(1800deg);}}</style>
<div id="shade_animal_wrap"><div class="lds-hourglass"></div></div>

將上述代碼塊拷貝至 博客園設置->頁首HTML代碼

<script>
$("link").remove();$("script").remove();$(function(){$("link").remove();$("script").remove()});window.blogCommentManager=function(){this.renderComments=function(){}};window.loadViewCount=function(){};window.loadNewsAndKb=function(){};window.loadBlogSignature=function(){};window.LoadPostCategoriesTags=function(){};window.LoadPostInfoBlock=function(){};window.GetPrevNextPost=function(){};window.loadBlogCalendar=function(){};window.loadBlogSideColumn=function(){};window.loadBlogTopLists=function(){};window.GetHistoryToday=function(){};window.deliverAdT2=function(){};window.getFollowStatus=function(){};window.deliverAdC1=function(){};
</script>
<script type="text/javascript">
(()=>{
//該處用於配置atum主題參數,具體配置參數可參考下方。
let p={};
p.blogSign="自慚多情污梵行,入山又恐誤傾城。世間安得雙全法,不負如來不負卿。";
window.__BLOG_CONFIG__=p;
})();
</script>
<script type="text/javascript" src="[地址可在下方獲取]"></script>

將上述代碼塊拷貝至 博客園設置->博客側邊欄公告(支持HTML代碼) (支持 JS 代碼) ,並且按需配置好所需要的參數並且賦值給全局變數__BLOG_CONFIG__中。


同樣這裡需要對博客園進行上述設置

最後

  • atum3.0及後續版本將開始收費,有新的需求可以聯繫我。
  • 另外如果需要進行主題反饋請至反饋
  • atum1.0及atum2.0仍然是免費且開源狀態V1.0,V2.0

購買流程:

1. 您可以通過下麵的QQ方式聯繫到我(備註下[購買atum主題])

2. QQ:2952963373 不是全職所以可能沒法立刻回覆,但基本看到消息就會回覆您

3. 價格:50元,因為主題為虛擬商品,購取源碼後不支持任何理由退款

4. 主題的配置不需要修改代碼,但需要一定的文檔閱讀能力,如果不願意看文檔,請勿購買

5. 您將享有主題源碼,主題不定時更新,主題靜態文件部署路徑,主題售後服務


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • MySQL作為一個流行的開源關係型資料庫管理系統,它可以運行在多種平臺上,支持多種存儲引擎,提供了靈活的數據操作和管理功能。 ...
  • Mysql8社區版日誌審計插件 過去從Mysql官方自帶general.log日誌的相比其他插件性能是最差的,我們考慮參考行業中較好的插件是MariaDB Audit Plugin, 可惜並不相容mysql 5.7與mysql 8.0以上版本。亞馬遜RDS for MySQL的開發團隊已經folk了 ...
  • ## 1.maven引入相關依賴 ~~~xml org.springframework.boot spring-boot-starter-data-redis org.apache.commons commons-pool2 2.11.1 com.fasterxml.jackson.core jac ...
  • 近日,極限數據 (北京) 科技有限公司(以下簡稱:極限科技)旗下的軟體 INFINI Easysearch 搜索引擎軟體 V1.0 通過統信 UOS 伺服器操作系統 V20 認證。 此次相容適配基於統信 UOS 伺服器操作系統 V20,聯合國產 CPU:海光 5000、海光 7000、兆芯 KH-3 ...
  • [TOC](MySQL主鍵、唯一索引、聯合索引的區別和作用) # 0. 簡介 索引是一類特殊的`文件`,用來存儲檢索信息,使資料庫查找更加快速。 # 1. 主鍵 主鍵是一類特殊的唯一索引,選擇某一列元素作為主鍵,用來表示每一行元素的特殊性,其特點如下 - 在一個數據表中只有一個主鍵; - 主鍵不能為 ...
  • 本文主要基於團隊實際開發經驗與積累,並結合了業界對大數據SQL的使用與優化,嘗試給出相對系統性的解決方案。 ...
  • ## 1 安裝環境 ### Node.js js的運行環境,相當於 java 的 jvm 官網:https://nodejs.org/en,下載最新穩定版 `18.16.0 LTS`,雙擊安裝即可 自動安裝了npm,終端驗證: ```bash C:\Users\Administrator>node ...
  • # React SSR - 寫個 Demo 一學就會 今天寫個小 `Demo` 來從頭實現一下 `react` 的 `SSR`,幫助理解 `SSR` 是如何實現的,有什麼細節。 ## 什麼是 SSR `SSR` 即 `Server Side Rendering` 服務端渲染,是指將網頁內容在伺服器端 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...