使用hexo搭建博客

把hexo代码软件等工具下载到本地,在本地写文章,本地运行hexo生成网页文件,再把生成的文件上传到服务器,供他人下载访问!我之前用的是wordpress,直接把软件下载到服务器上运行,通过网页后台书写文章,就可以自动连接上传到服务器,HEXO的优势在于减少服务器的储存,在本地使用顺手的文档编辑工具,比如vscode、Typora,hexo支持Markdown文档!

hexo是管理工具,支持插件,也是Markdown的解析器,可以把Markdown语法变成HTML语法!

前提环境配置:两个依赖

  • node.js
  • git

一、安装node

nvm安装和管理node.js

下载地址https://github.com/coreybutler/node-windows,或者使用下面命令行!

npm install -g node-windows

npm link node-windows

1. 查看版本

nvm list available,查看可安装版本

nvm install 18.16.0,安装命令加版本号,可以安装对应版本

2. 查看已安装版本

nvm listnode -v都可以,一个查看所有安装的,一个查看当前使用的

npm也会同时下载,npm -v查看版本号!

3. 使用已安装的node其它版本

nvm use 18.16.0更改这个版本号,可以替换当前使用的版本!

命令 说明
nvm list 查看已经安装的版本
nvm list installed 查看已经安装的版本
nvm list available 查看网络可以安装的版本
nvm arch 查看当前系统的位数和当前nodejs的位数
nvm install [arch] 安装制定版本的node 并且可以指定平台 version 版本号 arch 平台
nvm on 打开nodejs版本控制
nvm off 关闭nodejs版本控制
nvm proxy [url] 查看和设置代理
nvm node_mirror [url] 设置或者查看setting.txt中的node_mirror,如果不设置的默认是 https://nodejs.org/dist/
nvm npm_mirror [url] 设置或者查看setting.txt中的npm_mirror,如果不设置的话默认的是:https://github.com/npm/npm/archive/
nvm uninstall 卸载指定的版本
nvm use [version] [arch] 切换指定的node版本和位数
nvm root [path] 设置和查看root路径
nvm version 查看当前的版本

本地文件npm config ls

C:\Windows\system32>npm config ls
; node bin location = C:\Program Files\nodejs\node.exe
; node version = v18.12.0
; npm local prefix = C:\Windows\system32
; npm version = 8.19.2
; cwd = C:\Windows\system32
; HOME = C:\Users\yanqingsong

配置全局npm

二、安装git

git官网:https://git-scm.com/

Download for windowns,最好是连手机热点,或者科学!

本地新建博客文档

C:\myBlog,鼠标右键,进入git bash here

现在出现权限的问题,先在文件夹下,以管理员身份运行!临时解决下!解决方法

新建文件node_globalnode_cache

三、安装hexo

跟着参考文档走:https://moonshuo.cn/posts/13308.html

文档汇总,写得很详细,很完善,可以执行!https://moonshuo.cn/posts/43310.html

npm install -g hexo-cli

初始化博客
hexo init

Hexo框架介绍

官网:https://hexo.io/

个人博客是一些网页文件,这些网页文件的下载和修改,都是在本地操作,本地修改完毕后,再上传到云端,让别人通过地址下载和访问云端的网页!

框架的本地安装与运行

官网有npm的操作命令!基于nodejs进行搭建,所以本地先下载nodejs,并解决权限等问题!

npm install hexo-cli -g		//本地安装hexo
hexo init blog //创建个本地文件夹,等下把下载的文件放这里,如果是win系统可以手动创建,不用命令行!
cd blog //进入这个文件,如果是win系统可以手动进入,不用命令行!
npm install //安装
hexo server //本地预览,生成本地链接,浏览器输入,进行博客预览
  • 常用命令
hexo cl     //清除生成的静态网页
hexo g //重新生成静态网页,每一次我们执行这个命令,就会重新生成并覆盖原来的public文件
hexo s //开启本地服务,可以查看已经生成的网页
http://localhost:4000/ //本地网站链接

打开public文件,全选,然后拖到这个到云储存里面,上传完成之后,我们可以通过初始的节点进行访问
可以在source这个文件中去存放资料,文章、图片等数据!

框架的基本结构与打包好的文件介绍

.github

node_modules:nodejs默认文件

public:运行hexo g生成的文件,可以上传到服务器或者仓库,就是==个人博客==网页文件!

scaffolds

source

- `_posts`:这个文件下,就是个人博客的文章,可以通过md文件书写
- `tags`:

themes:主题,可以去官网,或者github上下载!

_config.landscape

_config:配置文件夹,像站点标题、

package:本地nodejs的包进行版本定义

四、安装主题

可以去官网下载合适的主题:hexo.io/themes/

我比较欣赏butterfly和升级版的anzhiyu主题!