只需四步,搭建屬於自己的博客

小時候,經常聽人講:好記性,不如爛筆頭。上學時期,老師家長也總是提醒我們不懂的不會的要做好記錄,由此可見,記錄對我們學習成長的必要性。

只需四步,搭建屬於自己的博客

好記性不如爛筆頭

特別是這個高速發展的時代,世界在日新月異的變化。終生學習,已經成為新時代的標籤。那麼做好學習記錄,也就顯得很有必要了。

現在市場上有很多我們可以自己記錄的博客,像我們熟悉的:網易博客、CSDN、新浪博客等。但是我們如何搭建屬於自己的博客呢?

只需四步,搭建屬於自己的博客

博客示例

也許你會問,都有這麼多博客網站了,我可以直接用他們的產品,為什麼我還要自己搭建博客呢?這個問題每個人有每個人的看法,除了可以增加逼格之外,我覺得更安全更有保障也是個優點。就像之前我們有很多免費的雲網盤,我們可以上傳很多資料去保留可以隨時取用。但現在剩下的也就只有百度網盤了。

搭建自己的博客,其實很簡單隻需要用到四個步驟(最好有一定的編程能力)

安裝前提:

安裝 Hexo 相當簡單。可以兼容電腦,平板,手機等。但是在安裝前,您必須檢查電腦中是否已安裝下列應用程序:(很簡單,網上很多安裝教程)

只需四步,搭建屬於自己的博客

響應式佈局

Node.js(自帶npm如果需要cnpm先下載鏡像)

Git

如果您的電腦中已經安裝上述必備程序,那麼恭喜您!接下來只需要使用 npm 即可完成 Hexo 的安裝。

一:hexo工具搭建博客

只需四步,搭建屬於自己的博客

官網安裝步驟

1 選擇文件新建git倉庫

git命令輸入: `git init`

2 選擇文件使用npm工具全局安裝hexo環境

git命令輸入: `npm install hexo-cli -g`

3 在需要創建博客的目錄下輸入命令:`hexo init myBlog`

會在當前目錄下創建1個myBlog文件夾. 並聯網下載一些初始化文件,打開如圖

只需四步,搭建屬於自己的博客

創建的文件及文件詳情

3 直接啟動服務

輸入命令`hexo server`

* 打開提示的網頁地址(http://localhost:4000/)就可以看見博客頁面

只需四步,搭建屬於自己的博客

啟動博客成功

* 使用命令來發表新文章

* `hexo new 學習使用hexo`

* 會生出一個.md文件

* 在這個文件中編輯.md文件. 該md文件的內容就是發佈的博客.

只需四步,搭建屬於自己的博客

添加內容

* 重新啟動`hexo s` 打開網頁就可以看到新發表的文章.

只需四步,搭建屬於自己的博客

內容展示在博客上

三:next選擇主題安裝

* 許多第三方為hexo提供了主題, 我們可以搜索並使用.

知乎:•https://www.zhihu.com/question/24422335

hexo:•https://hexo.io/themes/

只需四步,搭建屬於自己的博客

主題選擇

* 選擇你想用的主題

* 按照官方文檔下載最新版本

* 將解壓縮後的目錄複製到博客目錄下的themes目錄下.

* 並將其改為1個較為簡單的名字如:`yilia`

* 修改博客目錄下的_config.yml文件.

* 修改theme: l配置項為yilia

* 重啟服務(hexo server)

* 就可以看到新使用的主題效果了.

只需四步,搭建屬於自己的博客

不同主題效果

四:github部署博客

1: github上面新建項目存放博客。

只需四步,搭建屬於自己的博客

github新建項目

2:在開始之前,您必須先在 _config.yml 中修改參數,一個正確的部署配置中至少要有 type 參數,如部署到github上

deploy:

type: git

repo: [email protected]:yourname/yourname.github.io.git<>

branch: master

message: '這是我的博客'

3 hexo g 生成靜態html網頁

會在頁面中增加一個public文件夾,裡面就是最終生成的博客網頁

4 hexo d 將代碼部署到服務器

只需四步,搭建屬於自己的博客

服務器上博客地址

5:注意事項:

只需四步,搭建屬於自己的博客

注意事項

本內容為功能性內容,建議收藏以便日後查看研究。如有疑問,請留言交流。


分享到:


相關文章: