Github + hexo matery 主題搭建免費博客

 

爲什麼要搭建博客?

別人吐槽我現有的博客就是遠古的博客,頁面太low!另外一個原因是博客的內容是存儲在數據庫中,前段時間我的數據庫被黑了,博客的內容全沒了!基於這兩個原因我在思考重新搭建我的博客。看到身邊人的博客都那麼漂亮,我也最終選擇了hexo。hexo 是一款基於 Node.js 的靜態博客框架。目前在GitHub上已有 28144 star 和 3721 fork。

這是我上半年通過源碼搭建的博客,地址是:http://www.mhtclub.com/ 。如下圖:

 

這是我新搭建的博客,地址是:https://www.restlessman.cn/ ,效果如下圖:

 

 

我覺得 hexo 框架的優點有:

1.不需要數據庫,直接解析 markdown 文檔內容,所以只關注寫文章就好。

2.超級多的主題可自由選擇。

3.超級多的插件,無所不能。留言板,聊天,閱讀量統計,url 短連接轉化等等。

 

博客搭建步驟

 

1.基礎環境配置

安裝 Git,Git是開源的分佈式版本控制系統,用於敏捷高效地處理項目。

1.1 本地生成 ssh 密鑰文件


 

 

ssh-keygen -t rsa -C "你的GitHub註冊郵箱"

在 Github 個人設置中心,新建一個 SSH key。“SSH and GPG keys ” -> "New SSH key "

 

最後在 Git Bash 中檢測 GitHub 公鑰設置是否成功,輸入 ssh [email protected]

 

如上圖所示,就表示配置成功。

1.2 安裝Node.js

下載Node.js 安裝程序,官網地址:https://nodejs.org/en/download/

 

1.3 安裝 hexo


 

 

npm install -g hexo-cli #使用npm命令安裝Hexo hexo init blog #初始化博客 hexo new test_my_site #創建博客本地項目test_my_site hexo g #hexo博客打包 hexo s #hexo博客啓動

然後在瀏覽器訪問:localhost:4000 ,就可以看到剛剛創建的博客了。

 

2.選擇主題

hexo 的主題超級豐富,很多人都使用的 next 網上也有很多教程。

hexo themes主題官網: https://hexo.io/themes/index.html

上週無意間發現一位兄弟的博客是通過 matery 主題搭建的,讓我眼前一亮,我的主題就是它了。

 

 

3.markdown 文檔內容修改

修改本地 markdown 文檔,使用 front-matter 語法,修改文章頭格式:


 

 

--- title: Vue + SpringCloud之後端實戰經驗分享 date: 2018-09-07 09:25:00 author: 不安分的猿人 img: /medias/markdownimages/vue.png top: true cover: true coverImg: /medias/markdownimages/vue.png summary: 概要 categories: Vue tags: - SpringCloud - Vue ---

 

3.安裝插件

3.1 推送網站內容到 Github 安裝插件 hexo-deployer


 

 

npm install hexo-deployer-git --save #本地安裝hexo-deployer插件 hexo clean #清除本地db hexo g -d #推送代碼到遠端

3.2 安裝短地址鏈接插件


 

 

npm install hexo-abbrlink --save #本地安裝hexo-abbrlink插件

項目環境下 _config.yml 文件添加如下內容:


 

 

permalink: :abbrlink/ abbrlink: alg: crc32 # 算法:crc16(default) and crc32 rep: hex # 進制:dec(default) and hex permalink_defaults:

 

4.SEO優化

4.1 百度收錄你的網站

 

4.2 生成網站地圖,向百度提交鏈接

生成網站地圖,需安裝插件sitemap插件


 

 

npm install hexo-generator-sitemap --save npm install hexo-generator-baidu-sitemap --save

執行 hexo g 在項目根目錄會生成,sitemap.xml文件和baidusitemap.xml文件。通過www.webname.com/sitemap.xml 檢查文件是否生成。

向百度提交提交鏈接,操作如下:

 

4.3 讓 Google 收錄你的站點

google 站點平臺:https://www.google.com/webmasters/

 

 

結語

hexo 可以讓你快速上手搭建博客,要想設計自己獨有的風格博客,那就需要花費點時間。本編講解的內容都很基礎,有興趣的夥伴可以動動手,半個小時就可以擁有你自己的博客網站。當然在博客搭建上有什麼問題可以告訴我,我們一起進步,互相學習!

 

參考

  1. matery主題創作者的博客 https://blinkfox.github.io/

  2. Hexo SEO優化教程 https://zhuanlan.zhihu.com/p/80140893

  3. hexo-abbrlink插件安裝 https://ergou.fun/posts/733.html

我的公衆號:不安分的猿人,每週更新一篇搭建博客的方法!

 

"不安分的猿人",一個正在搬磚的碼農!

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