hexo搭建我的博客

hexo搭建我的博客並部署到碼雲gitee

先貼上個人博客連接博客屋node

通過幾天的折騰,終於搭建了一個本身的我的博客,主要是用來記錄本身複習的東西。如今總結一下本身搭建博客的過程。懶得寫文字,首先推薦一個參考視頻:參考視頻,按照這個up主的視頻操做下來基本就ok了。git

前期準備

首先要安裝node.js和 git,直接從官網下載安裝便可,安裝時注意修改文件路徑以外,一路點next就行。先貼上兩個下載連接:github

node.js官網npm

git鏡像站或者git官網json

有個注意的地方是,安裝node.js版本儘可能不要裝最新版的,否則在搭建博客的時候遇到一些錯誤。

而後再安裝一個編輯器(這一步可選),好比vscode。而後安裝一個markdown編輯器,推薦typorawindows

安裝hexo博客記錄

1.首先安裝node.js和git
2.安裝淘寶鏡像:
打開cmd,輸入瀏覽器

npm install -g cnpm --registry=https://registry.npm.taobao.org

3.安裝hexo框架:緩存

cnpm install -g hexo-cli
hexo -v查看

4.開始搭建博客markdown

4.1新建一個空文件夾d:/blog,而後cd到blog文件夾下hexo

4.2 執行hexo init

4.3 在本地查看最原始的博客:

hexo s命令,而後在瀏覽器打開http://localhost:4000就能夠看到最原始的hexo博客

4.4 新建一篇博客

4.4.1 hexo new "個人第一篇博客"

4.4.2而後在D:\blog\source\_posts路徑下就能夠看到新建的博客文件,而後在裏面隨便寫點東西保存。

4.4.3 寫好博客以後,咱們在博客根目錄下打開cmd,輸入

hexo clean 清理緩存
hexo server

在瀏覽器打開http://localhost:4000查看,就能夠看到咱們剛剛寫的博客了。

5.部署hexo博客到github

5.1 首先在github新建一個倉庫,注意倉庫名必是

yourname.github.io
yourname就是你的github用戶名。

5.2 而後在博客根目錄下打開cmd輸入

cnpm install --save hexo-deployer-git

5.3 而後打開博客根目錄下的config.yml文件,在最下面添加如下信息:

deploy:
type: git
repo: https://github.com/yysfyu/yysfyu.github.io.git
branch: master
注意空格

5.4 部署到github上

hexo deploy(hexo d)命令

要輸入本身的github用戶名和密碼。
部署成功後,打開本身的github倉庫,刷新如下就能夠看到部署到上面的一些文件了
而後咱們在瀏覽器地址欄輸入咱們的這個倉庫名:eg:yysfyu.github.io就能夠看到咱們部署好的博客了。

5.5 這樣就基本的搭建部署好了。而後就是修改本身的我的信息和更換本身喜歡的主題了。

切換主題

hexo博客更換yilia主題

1.主題下載

在博客根目錄下輸入:

git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

等待下載完成。

2.主題使用:
博客根目錄下的配置文件config中找到theme修改成theme: yilia

而後hexo clean,這時我遇到了一個問題以下:

D:\blog>hexo cl
INFO  Validating config
ERROR {
err: [Error: EISDIR: illegal operation on a directory, read] {
errno: -4068,
code: 'EISDIR',
syscall: 'read'
}
} Plugin load failed: %s hexo-theme-landscape

解決辦法是:在博客根目錄下有個package.json文件,在下面找到
hexo-theme-landscape這一行並刪除,而後就能夠一鍵三連了:hexo clean && hexo g && hexo d

而後訪問本身的github.io就能夠看到更換主題以後的博客了。(多刷新幾回等待)

3.而後就是個性化設置了。

相關文章
相關標籤/搜索