神說要有光,於是便有了光
寫代碼的,偶爾都想裝點逼,想要自己寫點博客。剛開始還能在各大社區寫,比如說CSDN,開源中國,博客園什麼的。但是越寫就會越覺得,那些博客平臺都不是自己想要的,雖然大平臺,能夠提高在搜索引擎的收錄,但是我看着別人的博客,我也想要有一個自建的博客系統。於是開始了自建博客的入坑之旅,在這兒給大夥分享一下我的自建博客歷程。
準備工作
因爲自己不是很懂,網上找的資料也很分散。所以整個歷程大概經歷了四天左右才把自己的博客系統搞好。首先需要準備以下資源
- github賬號(應該都有吧,沒有的自己去註冊一個)傳送門
- 選擇一個你喜歡的hexo主題,這個網上太多了。可以去hexo官網,或者github上看看
- 準備一個nodeJS環境,具體怎麼搞,可以度娘一下 windows傳送門,Mac 傳送門
- 一個阿里雲賬號(如果使用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/六元一個的私有博客系統,瞭解一下?/