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

神說要有光,因而便有了光

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

準備工做

由於本身不是很懂,網上找的資料也很分散。因此整個歷程大概經歷了四天左右才把本身的博客系統搞好。首先須要準備如下資源node

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

新建github項目

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

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

github項目配置

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

注意:自定義域名經過cname方式解析,因爲github服務器在國外,因此能夠不用備案。npm

查看頁面

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

若是訪問不了頁面,請檢查如下問題:瀏覽器

  • 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/六元一個的私有博客系統,瞭解一下?/

相關文章
相關標籤/搜索