1. 程式人生 > >GitHub + Hexo 搭建個人博客

GitHub + Hexo 搭建個人博客

選擇 fault 等待 lac 微軟 前綴 運行 border not

next主題配置 http://theme-next.iissnan.com/theme-settings.html#categories-page

並列分類,了解一下:categories:

- [Linux]

- [Tools]

並列+子分類,再了解一下:

categories:

- [Linux, Hexo]

- [Tools, PHP]

? ?

來自 <https://disqus.com/embed/comments/?base=default&f=hexojs&t_u=https%3A%2F%2Fhexo.io%2Fzh-cn%2Fdocs%2Ffront-matter.html&t_e=Front-matter&t_d=Front-matter&t_t=Front-matter&s_o=default&l=zh&d_m=0#version=1a104dbd58e8322771ec614533d7cf2f>

GitHub + Hexo 搭建個人博客

?發表於?2019-03-05?|??分類於?linux?|??評論數:?0

https://thief.one/2017/03/03/Hexo%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2%E6%95%99%E7%A8%8B/

摘自:?https://www.simon96.online/2018/10/12/hexo-tutorial/

https://thief.one/2017/03/03/Hexo%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2%E6%95%99%E7%A8%8B/

準備環境

  1. Node.js?安裝。詳細步驟:https://www.simon96.online/2018/11/10/hexo-env/
  2. Git?安裝。詳細步驟:https://www.simon96.online/2018/11/10/hexo-env/
  3. Hexo 安裝,在命令行(即Git Bash)運行以下命令:
    npm install -g hexo-cli
  4. 初始化Hexo,在命令行依次運行以下命令即可:
    以下,即存放Hexo初始化文件的路徑, 即站點目錄。

1

$ hexo init <folder>

  • 站點目錄: folder
  • 站點配置文件:站點目錄下的_config.yml;路徑為_config.yml
  • 主題配置文件:站點目錄下的themes文件夾下的,主題文件夾下的_config.yml。 路徑為\themes\<主題文件夾>_config.yml

    ? ?

  1. 啟動服務器。在路徑下,命令行(即Git Bash)輸入以下命令,運行即可:
    hexo server
    hexo s
  2. 瀏覽器訪問網址: http://localhost:4000/

    -------------------

    hexo博客鏈接永久化的解決方案

    ? ?

    來自 <https://blog.csdn.net/qq_39195042/article/details/85112114>

    ? ?

    npm install hexo-abbrlink --save

    ? ?

實施方案

方案一:GithubPages

  1. 創建倉庫, 倉庫名為:<Github賬號名稱>.github.io
  2. 將本地Hexo博客推送到GithubPages
    2.1 安裝
    hexo-deployer-git插件。在命令行(即Git Bash)運行以下命令即可:

1

$ npm install hexo-deployer-git --save

2.2 修改_config.yml(在站點目錄下)。文件末尾修改為:

1

2

3

4

5

6

# Deployment

## Docs: https://hexo.io/docs/deployment.html

deploy:

type: git

repo: [email protected]:<Github賬號名稱>/<Github賬號名稱>.github.io.git

branch: master

2.3. 推送到GithubPages。在命令行(即Git Bash)依次輸入以下命令, 返回INFO Deploy done: git即成功推送:

1

2

$ hexo g(本地生成靜態文件)

$ hexo d(將本地靜態文件推送至Github

稍等片刻,瀏覽器訪問:?https://<Github賬號名稱>.github.io

至此,博客已經搭建在GithubPages, 域名為https://<Github賬號名稱>.github.io

方案二:GithubPages + 域名

在方案一的基礎上,添加自定義域名(您購買的域名)。

域名解析。

類型選擇為 CNAME;

主機記錄即域名前綴,填寫為www;

記錄值填寫為<Github賬號名稱>.github.io;

解析線路,TTL 默認即可。

倉庫設置。

2.1. 打開博客倉庫設置:https://github.com/<Github賬號名稱>/<Github賬號名稱>.github.io/settings

2.2. 在Custom domain下,填寫自定義域名,點擊save

2.3. 在站點目錄的source文件夾下,創建並打開CNAME.txt,寫入你的域名(如www.simon96.online),保存,並重命名為CNAME

等待10分鐘左右。

瀏覽器訪問自定義域名。

至此,您的Hexo博客已經解析到自定義域名,https://<Github賬號名稱>.github.io依然可用

? ?

來自 <http://localhost:4000/2019/03/05/1234/>

使用 Travis CI 自動更新 GitHub Pages

? ?

來自 <https://notes.iissnan.com/2016/publishing-github-pages-with-travis-ci/>

GitHub + Hexo 搭建個人博客