六元一個的私有博客系統,瞭解一下? 轉

神說要有光,於是便有了光

寫代碼的,偶爾都想裝點逼,想要自己寫點博客。剛開始還能在各大社區寫,比如說CSDN,開源中國,博客園什麼的。但是越寫就會越覺得,那些博客平臺都不是自己想要的,雖然大平臺,能夠提高在搜索引擎的收錄,但是我看着別人的博客,我也想要有一個自建的博客系統。於是開始了自建博客的入坑之旅,在這兒給大夥分享一下我的自建博客歷程。

準備工作

因爲自己不是很懂,網上找的資料也很分散。所以整個歷程大概經歷了四天左右才把自己的博客系統搞好。首先需要準備以下資源

  1. github賬號(應該都有吧,沒有的自己去註冊一個)傳送門
  2. 選擇一個你喜歡的hexo主題,這個網上太多了。可以去hexo官網,或者github上看看
  3. 準備一個nodeJS環境,具體怎麼搞,可以度娘一下 windows傳送門,Mac 傳送門
  4. 一個阿里雲賬號(如果使用github提供的域名的話,這個可以省了)

新建github項目

新建github項目時項目命名規則爲{username}.github.io如我的github用戶名爲weechang。則項目命名爲weechang.github.io。

注意:命名規則必須按照這個規則來。

github項目配置

創建成功後就可以配置github項目了。github會自動根據項目名識別是否爲github pages項目。如果是github pages項目,會出現github pages配置項目。在此,可以設置github pages項目所在分支及自定義域名等信息。

注意:自定義域名通過cname方式解析,由於github服務器在國外,所以可以不用備案。

查看頁面

在瀏覽器輸入 http://{username}.github.io 即可訪問你的個人頁面。如: http://weechang.github.io

如果訪問不了頁面,請檢查以下問題:

  • 1.項目名是否準確
  • 2.域名是否解析到了指定cname地址
  • 3.分支選擇是否正確

安裝hexo客戶端

打開cmd命令行,選擇一個你喜歡的目錄(建議可以用git從github克隆工程到本地的本地目錄),輸入安裝命令,開始安裝hexo

npm install hexo -g

安裝完成後,輸入命令,檢查hexo是否安裝成功

hexo -v

初始化項目文件夾

在項目文件夾下輸入初始化命令,進行初始化(此處如果實在克隆項目進行的話,建議新建一個分支,比如我的就是hexo分支,該分支用來管理博客源文件與配置。當然如果想要新建項目管理這些東西的話,當我沒說)

hexo init

hexo組件初始化完成後。需要安裝依賴包,輸入命令即可安裝

npm install

運行項目

OK到了此處,你的博客系統已經可運行了。

首先,生成博客

hexo generate // 或者 hexo g

本地部署,本地運行、預覽

hexo server // 或者 hexo s

web服務啓動後,在瀏覽器輸入給出的預覽地址,即可預覽

如下,是我的本地預覽效果圖

推送到github

通過hexo 配置,即可將生成的頁面推送到github

修改_config.yml文件。配置如下:

deploy:
  type: git
  branch: master
  repo:
    github: https://github.com/weechang/weechang.github.io.git
  bucket: blog.weechang.xyz

通過命令推送到github

hexo deploy // 或者 hexo d

推送完畢後,即可通過訪問 http://{username}.github.io 訪問你剛部署的博客系統(由於服務器緩存等原因,可能需要等幾分鐘才能訪問到最新頁面)。

OK,至此爲止。最基本的博客系統就構建完成了。如果需要了解更詳細的信息,可以繼續關注我的相關文章。

若有疑問可以查看我的項目配置 https://github.com/weechang/weechang.github.io

該項目 master分支是生成的博客文章信息。hexo是博客源碼。如有疑惑之處,歡迎留言討論。

本文轉自:https://blog.weechang.xyz/2018/09/19/六元一個的私有博客系統,瞭解一下?/

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章