前言
搭建博客兩個必要條件:博客框架+托管平臺浪耘,這里框架我們采用Hexo,而平臺大部分人會選擇GitHub。這里我選擇的是Gitee孝常,屬于國內的代碼托管平臺,相比于GitHub來說蚓哩,訪問速度更快构灸,更穩(wěn)定。
環(huán)境要求
- Git
- Nodejs
安裝Hexo及代碼提交托管需要以上兩個條件岸梨,相關安裝方式可自行百度
博客搭建
安裝Hexo
打開 shell 終端喜颁,輸入命令`npm install -g hexo`
$ sudo cnpm install -g hexo
Password:
Downloading hexo to /usr/local/lib/node_modules/hexo_tmp
Copying /usr/local/lib/node_modules/hexo_tmp/_hexo@3.7.1@hexo to /usr/local/lib/node_modules/hexo
.
.
.
.
注:如果提示權限錯誤,命令前加sudo,cnpm 是淘寶的開源鏡像曹阔,國內訪問比npm快半开。
初始化Hexo
在你的電腦上創(chuàng)建Hexo文件夾,在shell終端中切換到Hexo目錄赃份,輸入命令 hexo init
$ cd /work/Hexo
$ hexo init
INFO Cloning hexo-starter to /work/Hexo
Cloning into '/work/Hexo'...
remote: Counting objects: 65, done.
remote: Total 65 (delta 0), reused 0 (delta 0), pack-reused 65
Unpacking objects: 100% (65/65), done.
Submodule 'themes/landscape' (https://github.com/hexojs/hexo-theme-landscape.git) registered for path 'themes/landscape'
Cloning into '/work/Hexo/themes/landscape'...
^Cwarning: Clone succeeded, but checkout failed.
You can inspect what was checked out with 'git status'
and retry the checkout with 'git checkout -f HEAD'
INFO See you again
初始化完成后寂拆,在Hexo目錄下生成文件夾
獲取博客主題
在shell中輸入命令:git clone https://github.com/iissan/hexo-theme-next themes-next
cd /work/Hexo
$ git clone https://github.com/iissan/hexo-theme-next themes-next
Cloning into 'themes/even'...
remote: Counting objects: 136, done.
remote: Compressing objects: 100% (123/123), done.
remote: Total 136 (delta 4), reused 128 (delta 2)
Receiving objects: 100% (136/136), 264.27 KiB | 556.00 KiB/s, done.
Resolving deltas: 100% (4/4), done.
克隆完成后,在/Hexo/themes
目錄下芥炭,可以看到 landscape和even 兩個文件夾漓库。
我們所要使用的主題都是放在這個目錄下,Hexo默認使用的是landscape主題园蝠,NexT主題用的比較多且更多樣化渺蒿,我們這一步克隆了next主題,接下來會使用next主題進行演示彪薛。
想獲取更多主題茂装,可在網站:https://hexo.io/themes/
選擇自己喜歡的主題,按照此步的步驟clone下來善延。
_config.yml對博客進行基礎配置
_config.yml
可稱為站點配置文件,可配置博客的名稱少态,地址等基本信息
打開站點配置文件可找到對應的相關配置
# Site
#博客名稱
title: 雜言非語
#副標題
subtitle: 成為一個厲害得普通人
#個人簡介
description: 小人物,碼農
keywords:
#博主
author: Sun XY
#語言
language: zh-Hans
#時區(qū)
timezone: Asia/Shanghai
#主題皮膚
theme: next
本地運行
編譯命令:hexo g
啟動命令:hexo s
$ hexo g
INFO Start processing
INFO Files loaded in 186 ms
INFO Generated: archives/2018/08/index.html
INFO Generated: archives/index.html
INFO Generated: archives/2018/index.html
INFO Generated: index.html
INFO Generated: 2018/08/08/hello-world/index.html
INFO 5 files generated in 242 ms
$ hexo s
INFO Start processing
INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.
訪問http://localhost:4000/
即可看到博客效果
關于更多Hexo的設置可訪問官網:https://hexo.io/zh-cn/docs/
博客部署
創(chuàng)建Gitee賬號
訪問 https://gitee.com/
,申請注冊賬號易遣,碼云類似國內版的GitHub彼妻。
創(chuàng)建項目
填寫項目名稱,然后創(chuàng)建項目豆茫,創(chuàng)建完成后侨歉,在項目中復制項目地址。
_config.yml中配置Git
# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: '這里填寫你自己的項目地址'
root: '這里寫項目名稱'
permalink: :year/:month/:day/:title/
permalink_defaults:
注意:冒號后面一定要有空格揩魂,否則不能正確識別幽邓。
發(fā)布項目
安裝自動部署發(fā)布工具:npm install hexo-deployer-git --save
發(fā)布命令:hexo clean && hexo g && hexo d
首次發(fā)布需要在shell中輸入賬號和密碼。
Gitee Pages設置
項目的服務中選擇Pages選項
選擇 master分支火脉,點擊 部署/更新
稍等一會兒博客就發(fā)布成功啦牵舵,訪問博客地址:https://sun_xy.gitee.io/blog/
柒啤,就可以問在線博客啦!;担巩!
如果博客的樣式不對,則需要在_config.yml
中配置下博客地址和路徑:
url: https://sun_xy.gitee.io/blog/
root: /blog
修改完成后没炒,再執(zhí)行命令hexo clean && hexo g && hexo d
就可更新到Gitee再次發(fā)布兵睛。
至此,個人博客就搭建完成啦?恕W婧堋!
可以將寫好的文章直接放在/Hexo/source/_posts
目錄下漾脂,即可訪問假颇,支持markdown語法。
以上內容歡迎大家轉載骨稿,但請注明出處來源~感謝閱讀