Hexo
想寫日記和技術筆記,但我巴哈的身分證字號後四碼忘了,只好自己架部落格。 作為第一篇文章,來記錄這兩天晚上的折騰過程。
Hexo 初識
裝他(我自己沒裝 node.js):
1 | brew install node |
建立 hexo 專案:
1 | $ hexo init [Directory] |
或是把當前資料夾當成目錄:
1 | $ hexo init |
Hexo 會射一坨檔案進去,(常用)目錄結構列舉如下:
- scaffolds:放模板
- source:放 post(文章)和 page(如 about、tag)
- themes:主題直接 clone 到裡面
- config.yml:站點配置文件
注意,主題配置文件也叫 config.yml
,別搞混了。
新增第一則 post
1 | $ hexo new 'owo' |
接著會新增 source/_posts/owo.md
。刪除 post 直接刪該檔案即可。
1 | $ hexo cl |
前一個好像是清除暫存檔。後者把 hexo 檔案們編譯成靜態網站檔案。
接著,預覽你的網站。他會吐位址給你:
1 | $ hexo server |
Github Pages
首先建立一個名為 username.github.io
的公開 repo。
接著在 hexo 專案下安裝 deploy 套件:
1 | $ npm install --save hexo-deployer-git |
打開站點配置文件,修改 deploy 和 url 部分:
1 | deploy: |
1 | url: you_url.com |
然後你就可以編譯並部署:
1 | $ hexo cl |
Hexo 主題:Next
直接把 Next 主題 clone 到 themes
下:
1 | $ git clone https://github.com/theme-next/hexo-theme-next themes/next |
修改站點配置文件裡的 theme
(預設為 landscape
):
1 | theme: next |
Next 有四大主題:
1 | # Schemes |
標籤和分類
產生 tags 頁面和 categories 頁面:
1 | $ hexo new page tags |
修改主題配置文件中的 menu
1 | menu: |
其他頁面如法炮製即可。
在每篇貼文的開始可以指定 tags 和 categories:
1 | --- |
tags 可以有好幾個,categories 只能有一個。
語言
修改站點配置文件中的 languages
成 zh-TW
。
在主題資料夾下的 languages
資料夾可以找對應語言的翻譯對照。部分文件如下:
1 | menu: |
頭像
把頭像放在主題資料夾下的 source/images
,然後更改主題配置文件(僅支援 gif):
1 | avatar: |
參考資料
- https://ithelp.ithome.com.tw/users/20119486/ironman/2944?page=1
- https://zhuanlan.zhihu.com/p/30836436
- https://theme-next.iissnan.com/theme-settings.html#use-bg-animation
- https://blog.akizukineko.tw/hexo-next-themes-backgroudpic/