我的第一篇博客(hexo初体验)

我的第一篇博客(hexo初体验)

Scroll Down

好记性不如烂笔头,知识的遗忘速度往往超出的我的想象🤣
本文介绍使用hexo搭建自己的博客

环境安装

注意:建议在终端操作时都以管理员身份运行

  1. node.js安装
    去官网下载node.js安装即可,安装过程没什么注意事项,一直下一步就行了。
    安装完成后在终端使用node -v查看node版本,用npm -v查看包管理器版本,验证node是否安装成功,出现版本号即为安装成功
   λ node -v
   v13.9.0
   C:\Application\cmder
   λ npm -v
   6.13.7
  1. npm换源
    由于国内的npm源比较慢,所以将其更换为cnpm(淘宝的源)
 C:\Application\cmder
 λ npm install -g cnpm --registry=https://registry.npm.taobao.org
 C:\Application\cmder
 λ node -v
 v13.9.0
 C:\Application\cmder
 λ npm -v
 6.13.7

安装需要等一会,如果有代理会快一些,其中的-g代表全局安装,安装完成后,之后就用cnpm来进行包安装
同样可以查看cnpm的版本来验证是否安装成功cnpm -v

C:\Application\cmder
λ cnpm -v
cnpm@6.1.1 (C:\Users\violetfreesia\AppData\Roaming\npm\node_modules\cnpm\lib\parse_argv.js)
npm@6.14.1 (C:\Users\violetfreesia\AppData\Roaming\npm\node_modules\cnpm\node_modules\npm\lib\npm.js)
node@13.9.0 (C:\Application\nodejs\node.exe)
npminstall@3.27.0 (C:\Users\violetfreesia\AppData\Roaming\npm\node_modules\cnpm\node_modules\npminstall\lib\index.js)
prefix=C:\Users\violetfreesia\AppData\Roaming\npm
win32 x64 10.0.18363
registry=https://r.npm.taobao.org
  1. Git安装(用于博客部署)
    在Git官网下载git for windows,安装过程一直下一步,尽量不要做改动。git安装后的详细配置放在另外的博客中

hexo安装

  • 利用cnpm来安装hexo
C:\Application\cmder
λ cnpm install -g hexo-cli

等待安装完成,同样可查看版本验证是否安装成功hexo -v

C:\Application\cmder               
λ hexo -v                          
hexo-cli: 3.1.0                    
os: Windows_NT 10.0.18363 win32 x64
node: 13.9.0                       
v8: 7.9.317.25-node.28             
uv: 1.34.2                         
zlib: 1.2.11                       
brotli: 1.0.7                      
ares: 1.15.0                       
modules: 79                        
nghttp2: 1.40.0                    
napi: 5                            
llhttp: 2.0.4                      
openssl: 1.1.1d                    
cldr: 36.0                         
icu: 65.1                          
tz: 2019c                          
unicode: 12.1                      

博客初始化

  1. 建立博客根目录
    在磁盘任意位置建立博客跟目录,名字随便,如我在d盘下建立blog文件夹作为根目录。blog这个目录就是博客的根目录,也就是说我们之后的所有操作都在这个目录下进行,如果操作过程中遇到问题,大不了把这个目录删掉重来
  2. 以管理员身份运行终端,进入建立的博客根目录
  C:\Application\cmder 
  λ d:                
  D:\                  
  λ cd blog 
  D:\blog
  λ
  1. 初始化博客目录
    D:\blog
   λ hexo init

如果没有代理,这一步会很慢,耐心等待,如果是急性子,当长期没有反应时,可以考虑干掉重来(Ctrl+C停止哦)。安装完成后博客就算搭建完成了
hexo server(可以简写为hexo s)命令启动博客,启动完成后在浏览器输入localhost:4000就可在本地访问

写博客

hexo的博客文章存放在博客根目录下的source/_posts目录下,可以选择用其他软件写博客,然后将写好的Markdown文件拷贝到该目录下,推荐使用Typora写

GitHub Pages部署

在GitHub上新建一个仓库,名字一定要以你的用户名开头,如用户名为violetfreesia的用户,则仓库名应为violetfreesia.github.io
回到命令窗口,断开之前打开得hexo,安装git插件(此时的目录仍是博客根目录)

cnpm install --save hexo-deployer-git

设置博客配置文件

打开博客根目录下的_config.yml文件,在文件的最下面的deploy位置进行如下配置,repo后为刚刚建立的仓库的地址

deploy:
  type: git
  repo: https://github.com/VioletFreesia/VioletFreesia.github.io.git

保存退出
在终端进行推送

hexo d

推送完成后可以通过violetfreesia.github.io进行访问
注意:如果是新装的git,没有配置用户名和邮箱,推送的时候会报错