GitHub + Hexo 搭建我的博客

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

並列分類,瞭解一下:categories: node

- [Linux] linux

- [Tools] git

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

categories: npm

- [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> hexo

GitHub + Hexo 搭建我的博客 dom

 發表於 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: git@github.com:<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/>

相關文章
相關標籤/搜索