VOID 主題使用文檔

    VOID主題使用文檔,詳細的介紹了這款Typecho主題的用法,幫助您快速上手這款主題

    VOID 這個Typecho主題方方正正的,顯得很端莊的樣子。確實是這樣的,主題中圓角很少,不規則的圖形也很少

    開始使用

    1. 下載主題
    2. 解壓
    3. 主題文件夾下的 VOID 文件夾上傳至站點 /usr/themes 目錄下
    4. 后臺啟用主題
    5. 配套插件文件夾下的 VOID 文件夾上傳至站點 /usr/plugins 目錄下
    6. 后臺啟用插件
    • 可選:將主題?assets?文件夾下的?VOIDCacheRule.js?復制一份到站點根目錄,并在主題設置中啟用 Service Worker 緩存。
    • 可選:主題文件夾下 advanceSetting.sample.json 中有一些高級設置,可以看看。

    有提供開發版主題下載,但不保證開發版有更新更多的功能。而且開發版變動頻繁,若無必要請使用發布版主題。

    VOID – 簡潔的Typecho博客主題

    常見問題

    以下功能由插件提供:

    • 文章點贊
    • 文章瀏覽量統計
    • 文章字數統計

    添加歸檔頁面

    新建獨立頁面,自定義模板選擇?Archives,內容留空。

    添加友情鏈接

    新建獨立頁面,然后如此書寫:

    [links]
    [熊貓小A](https://www.imalan.cn)+(https://secure.gravatar.com/avatar/1741a6eef5c824899e347e4afcbaa75d?s=200&r=G&d=)
    [熊貓小A的博客](https://blog.imalan.cn)+(https://secure.gravatar.com/avatar/1741a6eef5c824899e347e4afcbaa75d?s=64&r=G&d=)
    [/links]
    

    文章中、獨立頁面中都可以通過該語法插入類似的展示塊。在某些 Typecho 版本中 HTML 會被轉義后輸出,請使用?!!!?包裹以上代碼,例如:

    !!!
    [links]
    ···
    [/links]
    !!!

    !!!?需要單獨占一行。

    圖片排版

    在文章中,使用?[photos][/photos]?包起來的圖片可顯示在同一行。例如:

    [photos]
    ![](https://cdn.imalan.cn/img/post/2018-10-26/IMG_0073.jpeg)
    ![](https://cdn.imalan.cn/img/post/2018-10-26/IMG_0053.jpeg)
    [/photos]
    
    [photos]
    ![](https://cdn.imalan.cn/img/post/2018-10-26/IMG_0039.jpeg)
    ![](https://cdn.imalan.cn/img/post/2018-10-26/IMG_0051.jpeg)
    ![](https://cdn.imalan.cn/img/post/2018-10-26/IMG_0005.jpeg)
    [/photos]

    在某些 Typecho 版本中 HTML 會被轉義后輸出,請使用?!!!?包裹以上代碼,例如:

    !!!
    [photos]
    ···
    [/photos]
    !!!

    !!!?需要單獨占一行。

    增強的 Markdown 語法

    • 注音語法:{{文本:zhu yin}},會渲染為:文本zhu yin
    • notice 提示塊:[notice]提示內容[/notice]

    頁面空白

    • 首先檢查是否有插件重復引入了 JQuery,若有,在插件設置頁面關閉。
    • 另外,推薦使用 PHP 7.0 及以上版本搭配 MySQL 數據庫。PHP 5.6 或者更低版本以及其它數據庫可能出現未知問題(并且我不會去修復)。

    更新

    同開始使用,區別是你可以直接覆蓋主題文件。大多數情況下無需禁用主題,這樣你的主題設置就不會丟失。

    某些版本由于改用幅度較大需要重啟主題與插件,請參見對應版本的發布日志。

    開發與自定義

    首先注意:我不保證提供任何自定義修改相關的指導與幫助。You are on your own.

    如果你有不錯的想法,可以定制自己的版本。首先你需要準備好 NodeJS 環境,然后 clone 這個 repo:

    git clone https://github.com/AlanDecode/Typecho-Theme-VOID ./VOID && cd ./VOID

    安裝依賴:

    npm install -g gulp
    npm install

    用以下命令打包依賴的 JS 和 CSS:

    gulp dev

    主題的樣式是用 SCSS 寫的,你可以使用自己喜歡的方式編譯 SCSS,或者使用:

    gulp sass

    監聽 SCSS 更改然后實時編譯。盡請添加自己想要的功能,滿意后就提交代碼。然后:

    gulp build

    構建你的主題,生成的主題位于?./build?目錄下。如果你對自己的更改很滿意,歡迎提出 Pull Request

    給TA贊賞
    共{{data.count}}人
    人已贊賞
    ??
    Npcink上的部份代碼及教程來源于互聯網,僅供網友學習交流,若您喜歡本文可附上原文鏈接隨意轉載。
    無意侵害您的權益,請發送郵件至 1355471563#qq.com 或點擊右側 私信:Muze 反饋,我們將盡快處理。
    ?
    購物車
    優惠劵
    搜索
    主站蜘蛛池模板: 无码人妻精品一区二区三区久久| 99久久精品国产一区二区成人| 一区二区亚洲精品精华液| 久久99国产精品一区二区| 国产香蕉一区二区在线网站| 一区二区三区免费在线视频 | 国产无人区一区二区三区| 久久精品无码一区二区三区日韩| 无码人妻一区二区三区免费| 无码国产精品一区二区免费虚拟VR| 熟妇人妻系列av无码一区二区| 高清在线一区二区| 日韩a无吗一区二区三区| 亚洲AV日韩AV一区二区三曲| 精品国产一区二区三区无码| 亚洲国产精品一区二区久久| 日韩视频一区二区三区| 国精产品一区一区三区| 国产一区二区在线看| 国产一区二区视频在线观看| 精品伦精品一区二区三区视频| 国产一区二区三区不卡在线看| 精品国产日韩亚洲一区91| 精品国产免费一区二区| 韩国精品一区二区三区无码视频| 中文字幕AV一区二区三区 | 精品一区二区三人妻视频| 污污内射在线观看一区二区少妇 | 无码中文人妻在线一区| 亚洲色一区二区三区四区| 日韩成人无码一区二区三区 | 国产亚洲综合一区二区三区| 成人无号精品一区二区三区| 国产日韩视频一区| 亚洲国模精品一区| 国产美女精品一区二区三区| 日韩精品无码一区二区三区免费| 99精品国产高清一区二区| 欧美日韩一区二区成人午夜电影| 国产一区二区在线| 国产精品小黄鸭一区二区三区 |