怎麼建立一個自己的博客
1. 寫在開頭
其實我自己寫的文章也不多,只是看到有些東西會做一下記錄,所以部署一個自己的博客來記錄這些東西也就會方便很多。而Hexo框架的博客使用方便對電腦要求也不高,並且有很多可以使用的主題,所以就用它把!
先來看看效果先
電腦/ipad版:
手機版:
來聽首歌把
這個就是你看到這篇文章的博客的首頁了哈哈,可能有些不美!不過我也覺得還ok啦!其實啦配置一個博客也不難,我所使用的就是由一位臺灣的在校大學生開發完成的hexo博客框架。
1.1 這裏是一些知識拓展
hexo官方文檔:介紹了很多關於hexo的要求自己可以去看看。
1.2 HEXO簡介
Hexo是一個基於Node.js的靜態博客程序,可以方便的生成靜態網頁託管在github和Heroku上。作者是來自tommy351大神
2.1 安裝/部署
安裝Hexo相當簡單。然而在安裝前,您必須檢查電腦中是否已安裝下列應用程序:
- 安裝的Git
- 安裝的NodeJS
- 安裝HEXO
- 部署項目
- 綁定個人域名
- 修改及配置主題
- 寫文章部分
2.2安裝Git
如果這樣顯示的話就成功了。
2.3安裝的node.js
在節點官網上下載最新的Windows安裝包,推薦左邊那個適用於大多數用戶的直接安裝即可。對於Windows用戶來說,建議使用安裝程序進行安裝。安裝時,請勾選添加到PATH選項。
2.4 Hexo的安裝與使用
HEXO安裝命令:新建一個用來儲存博客的文件夾(比如說我這裏在C:\ HEXO)
,然後在你想要安裝的文件夾空白位置右鍵選擇'Git Bash Here'
1.輸入
npm install hexo -g
其中的意思是:-g表示全局安裝, npm默認爲當前項目安裝
2.現在打開CMD,在CMD中輸入在C:\用戶\磐英>後輸入
cd C:/
〜其中的意思是:進入Ç盤根目錄(這裏你應該按照自己創建的文件夾選擇不同的路徑)〜
3.然後再輸入
cd hexo
這樣就能進入我放在Ç盤的HEXO文件夾了,就像這樣
輸入
hexo init npm install #install before start blogging hexo generate #自動根據當前目錄下文件,生成靜態網頁 hexo server #運行本地服務
你會看到你的文件夾下出現了這些文件(我裝了主題文件可能比你的多不過沒關係)
瀏覽器輸入的http://本地主機:4000就可以看到效果了
到這裏就配置完成了
3.1添加博文
在你安裝hexo的文件夾空白位置右鍵選擇'Git Bash Here'同2.4
hexo new "你的文章名"
這樣你就會在博客目錄下source/_posts\你的文章名.md
自動生成一篇名叫'你的文章名'的一個md文件,使用md軟件(這裏安利一下一款極簡的markdown編輯器)打開就可以使用Markdown語法書寫了
寫完後點擊保存你就可以看到文章顯示出來了
〜到這裏博客就可以本地了〜
3.2部署到互聯網
自己寫的博客只能自己看總覺得缺少了些什麼,因此申請一個域名然後把博客共享到互聯網豈不美哉?
在阿里雲註冊一個域名(註冊過程就不演示了) - 進入控制檯 - 選擇域名 - 域名解析
選擇一型記錄然後填入你電腦的IP,這樣你就能通過域名來訪問你的博客了!(這一步有問題可能選擇使用阿里雲域名解析上面那個新手引導)
4.素質拓展
4.1 Hexo的下一個主題安裝
當初選擇HEXO作爲我博客的框架是因爲:默認狀態下HEXO已經有了不俗的表現,簡潔優美,富有觀賞性,多超的主題可供選擇
1.在你的文件夾下空白位置右鍵選擇'Git Bash Here' 同2.4
$ git clone https://github.com/iissnan/hexo-theme-next themes/next
這步的意思是:從接下來的Gihub
倉庫中最新電子雜誌版本。
- 啓用下一個主題
修改需要C:/hexo/_config.yml
配置項theme
:
用記事本打開_config.yml(我這裏使用了記事本)中找到主題這一項把景觀改爲下一個(注意冒號後面的空格不能省略)
改爲
然後在GIT中代碼輸入側同2.4
hexo s
訪問http://localhost:4000
就會發現主題成功應用了。
4.2 遠程化你的博客
在自己的電腦大可不必做這一步,我是因爲博客部署在服務器上面需要遠程維護便攜性就顯得尤爲重要了。so,我選擇部署了一個web應用來管理這個靜態博客:通過 ·hexo-admin· 來管理 hexo 博客
就是這總效果:
當你不在電腦面前(我的是服務器)也可以輕鬆地寫博客,豈不美哉?
何況:大丈夫生於天地之間,當讀聖賢之書,養浩然正氣,仿天地之德以愛人,效聖賢之志以成業。
說幹就幹!
方法如下:
~未完待續~
博客地址 http://dgut.top:4000/
我的另一個博客地址 http://usg1024.xin/