之前有朋友說想要搭建自己的博客玩玩,於是就有了這篇:
後來有些朋友覺得略麻煩,又要整伺服器整域名,又要搭建各種 PHP、Mysql 環境啥的,就單純的想寫寫文章裝個x,能不能不整那麼多花裡胡哨的東西?
好巧不巧,挺久之前我就寫過如何搭建以及使用 Github pages 來託管靜態博客網站的教程,姨媽巾式的範側漏那種:目錄
使用 Hexo 框架來搭建個人網站 這兩天我重新整理了一下自己的 Blog ,因為我之前用的 Octopress 框架,有些年頭了,一些主題和插件並不是很多。後來對比了幾個框架,發現 Hexo 不錯,和 Octopress 差不多,也是可以用 Markdown 寫文章,然後生成靜態網站,Hexo 主題豐富一些。Hexo 是基於 nodejs 的,搭建起來很簡單。那麼接下來就說說如何從 0 開始使用 Hexo 搭建個人博客吧。因為 hexo 是基於 node 框架的,所以呢,我們首先需要下載安裝node,下載地址:https://nodejs.cn/安裝完之後,我們打開命令窗口,輸入 node -v ,如果返回下圖所示,那麼就說明你安裝 node 成功了。
安裝成功後,我們在命令行窗口運行如下命令來安裝 hexo:
hexo init xxx.github.io (這裡的xxx換成你自己的英文名)
打開你的瀏覽器,輸入 localhost:4000 。自此,你的個人網站就這麼速度的搭建起來了!
優化 hexo 博客主題進入你的網站目錄,打開 _config 文件,這個文件是用來配置你的網站信息的。這裡列出我的簡單配置,具體可以看這個Hexo配置文檔:https://hexo.io/docs/configuration.html
title: fxxkpython
subtitle: 小帥b
description: xx的個人博客,主要涉及到編程(Java,Python,Linux等),個人提升學習,視頻教程
keywords: java,python,教程
author: wistbean
language: zh
選一個Hexo主題剛搭建完的網站,是不是覺得有點醜,不符合你的漂亮的臉龐?反正我是這麼覺得的,那麼就選一個主題來裝飾一下吧,在這裡可以選擇你要的主題,知乎答主們推薦的hexo主題大全:https://www.zhihu.com/question/24422335
下載Hexo主題慢慢挑,選擇好了你的主題之後,就可以下載主題資源了,比如我這裡選擇一個 NEXT 主題來演示一下,在你的目錄中輸入以下命令:
git clone https://github.com/iissnan/hexo-theme-next themes/next
這裡主要就是將主題下載到我們的themes目錄下。
配置主題主題下載完之後,在你根目錄下的 _config.yml 文件中,修改 theme 為你的主題名字:
重新生成和運行訪問一下看看,是不是比之前好看多了?hexo博客的第一篇文章,打上標籤和分類你已經把你的網站打扮的漂亮大方簡潔惹人愛了,那麼接下來就要好好去寫內容了,內容才是重要的。
兩種方式來新建你的博文命令形式hexo new article (這裡的article寫上你的文章的名稱)
輸入這樣的命令之後你的 source/_posts 下就會生成一個 article.md 文件,在這個文件下就可以寫上你的博客內容了。
直接新建方式直接點的方式就是直接在source/_posts新建一個 Markdown 文件,其實和命令形式是一個道理,只不過命令形式用了命令來創建。推薦使用命令的方式,畢竟 Geek 一點。
給你的文章打上標籤這時候你的 source/ 下生成 tags/index.md 文件,我們將其打開,然後把它改成:
type: "tags"
comments: false
這時候你要為你的文章打上標籤就可以在文章的頭部寫上:
tags:
- Tag1
- Tag2
- Tag3
tags:
- 個人網站
- 教程
- hexo
- blog
- Git
- Nginx
給你的文章添加分類分類,歸檔,是你博客的特性之一。把文章分門別類,方便查看。
同樣的,你的 source 目錄下生成 categories/index.md 文件,我們將其打開,把它改成:
type: "categories"
comments: false
這時候你就可以給你的文章歸類存檔了,使用方式就是在你的文章的頭部加上:
注意:標籤和分類要確定你的配置文件 _config.yml 是否有打開了 tag_dir: tags 和 category_dir: categories。另外,Markdown 的語法是寫作最優雅最簡潔最簡單的,如果之前沒用過的建議去學一下Markdown 語法說明,一般一個鐘左右就能掌握。因為它和 HTML 那樣簡單。
給你的文章添加評論當別人看了你的文章,有問題想跟你探討,沒評論怎麼行?評論也是你的 Blog 交互的重要方式之一。現在很多 hexo 主題都內置了第三方評論的系統。比較常用的有:暢言 :https://changyan.kuaizhan.com/Valine:https://github.com/xcss/ValineDisqus:https://disqus.com/gitment: https://github.com/imsun/gitment自己去看一下,喜歡哪個用哪個,自己的 Blog 就是要自由。選好你的評論系統之後,進入平臺註冊後,平臺會給你一個 APPID 和 appkey。拿到這些信息到你的主題下的配置文件下設置。以 next 主題和暢言評論為例:進入你的themes/next,打開_config.yml,定位到 changyan ,把 enable 改為 true。
changyan:
enable: true
appid: 這裡寫上你的暢言在appid
appkey: 這裡寫上你的暢言在appkey
打開你的預覽連接看看你的文章下方,已經有評論功能啦。如下圖就是我博客的評論功能:
評論
讓全世界的人都認識你已經搞定了個人blog,接下來當然是要部署到網上讓人家訪問了,如果不想花錢,可以使用GitHub Pages,使用它就可以部署自己的網站啦。對於 GitHub 不知道怎麼用的童鞋,可以看一下我的這個教程:GitHub完全使用指南:https://vip.fxxkpython.com/?cat=6
創建 Github pages 倉庫接著創建一個 xxx.github.io 的 public 倉庫,這裡的xxx寫你的名字,比如我寫的是 wistbean.github.io,那麼到時我就可以通過 wistbean.github.io 來訪問我的網站了。
安裝 hexo-deployer-git在你的博客目錄下輸入如下命令,這樣你在本地寫的文章才能 push 到 GitHub 上面去。
npm install hexo-deployer-git --save
配置你的Gitdeploy:
type: git
repo: https://github.com/xxx/xxxx.github.io.git
推送你的網站到Github上訪問你的網站這樣push上去之後,你就可以直接在瀏覽器輸入你的 xxx.github.io 就可以訪問啦!
要有點個性,綁上你的域名如果你不喜歡千篇一律的 xx.github.io 域名,可以自己綁定一個自己的域名。
購買域名關於域名的購買我比較推薦去 dynadot 或者 godaddy,這是國外的域名商,可以使用支付寶購買,不需要備案,使用起來不錯的。
綁定添加 CNAME 文件在你的博客的 sources 目錄下新建一個 CNAME 文件,這個文件裡面就寫你的域名就可以了,比如:www.xxxx.com。 接著將文件push到你的 GitHub上,可以使用 hexo d 命令。
在你的域名商後臺進行 DNS 解析添加兩條記錄:1. 主機記錄:@
記錄類型:A
記錄值:192.30.252.154 或者 192.30.252.153
2. 主機記錄:www
記錄類型:CNAME
記錄值:xxx.github.io (這裡就是你的github倉庫名稱)
GitHub 設置域名在你的 GitHub 設置域名,在你的 GitHub 博客項目中點擊 Settings,在 GitHub Pages 下的 Custom domain 寫上你的域名,然後 save。
至此,你已經搭建好了自己的博客,託管你的網站到 GitHub 了,也綁定了你自己的域名了,那麼這時候你的網站就可以被全世界的人看到了。ok,以上就是小帥b今天給你帶來的分享,希望對你有幫助,那麼我們下回見,
peace!