Hexo 博客搭建流程

优质博客

  • Sanarous :界面很漂亮,博主也是大佬
  • Simon96 :有很多的Hexo基础教程

1. 环境准备

安装 Node

检测node安装是否成功:node -vnpm -v

windows用户点击win+r,代开cmd命令窗口

安装cnpm(速度比npm快)

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

检查cnpm是否安装成功:cnpm -v

C:\Users\L>cnpm -v
cnpm@6.1.1 (C:\Users\L\AppData\Roaming\npm\node_modules\cnpm\lib\parse_argv.js)
npm@6.14.2 (C:\Users\L\AppData\Roaming\npm\node_modules\cnpm\node_modules\npm\lib\npm.js)
node@12.16.1 (C:\Program Files\nodejs\node.exe)
npminstall@3.27.0 (C:\Users\L\AppData\Roaming\npm\node_modules\cnpm\node_modules\npminstall\lib\index.js)
prefix=C:\Users\L\AppData\Roaming\npm
win32 x64 10.0.17763
registry=https://r.npm.taobao.org

安装 Git 【重要】

安装和配置git在我的博客中有详细说明

https://blog.csdn.net/qq_39720594/article/details/105347683

安装 Hexo

cnpm install -g hexo-cli

检查hexo是否安装成功hexo -v

C:\Users\L>hexo -v
hexo-cli: 3.1.0
os: Windows_NT 10.0.17763 win32 x64
node: 12.16.1
v8: 7.8.279.23-node.31
uv: 1.34.0
zlib: 1.2.11
brotli: 1.0.7
ares: 1.15.0
modules: 72
nghttp2: 1.40.0
napi: 5
llhttp: 2.0.4
http_parser: 2.9.3
openssl: 1.1.1d
cldr: 35.1
icu: 64.2
tz: 2019c
unicode: 12.1

具体细节推荐观看B站:https://www.bilibili.com/video/BV1Yb411a7ty (UP主讲的很详细!)

2. 在本地搭建个人博客

初始化Hexo

在电脑上新建一个文件夹HexoBlog(随便起名字)在此文件夹内打开git bash窗口,输入以下命令,然后回车。

hexo init
  • 我们可以看见文件夹内出现了hexo的文件
    在这里插入图片描述

启动博客

  • 在git bash窗口输入(在HexoBlog文件夹内打开git bash窗口)
hexo s

在这里插入图片描述

看到此提示后,在浏览器地址栏输入:http://localhost:4000/ ,查看我们的博客效果:

在这里插入图片描述

3. 编写博客

创建post.md

  • 在git bash窗口输入(在HexoBlog文件夹内打开git bash窗口)
hexo n post

这时在我们的\source\_posts文件夹中会生成post.md文件,双击打开此Markdown文件(推荐使用typora)。然后写入内容。

  • 举一个例子:

在这里插入图片描述

生成静态页面

  • 在git bash窗口输入
hexo g

启动本地服务

hexo s

关闭本地服务器在 Git Bash 界面按 Ctrl+C, 在浏览器输入:http://localhost:4000 查看

博客界面如图所示:

在这里插入图片描述


如本文中有错误,欢迎在评论中进行指正。转载请注明出处,谢谢支持。


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值