下载 nodejs
# 1、访问官网:https://nodejs.org/en
- 下载LTS版本
下载后安装下一步、选择安装路径即可、注意要选择add to path(这是npm下载包的路径)
安装hexo
安装成功后在cmd中输入npm验证一下:按 Win+R 键、弹出后 输入 cmd
创建workspace:需要安装hexo下载的nmp包
F:\workspace :在此目录下打开cmd 下载hexo
#注意:安装目录要确定:可以在cmd中输入: cd F:\workspace 去到该目录下
#建议可以使用vscode来执行-可选
按照官网提供的 命令执行安装启动hexo即可:命令如下
npm install hexo-cli -g
hexo init blog
cd blog
npm install
hexo server
访问搭建好的blog、浏览器输入:http://localhost:4000/
可以看到可以访问blog页面了
发表自己的blog:这里使用vscode来编辑个人的文章(自行去了解vscode的用法)
使用vscode打开 上面创建好的blog目录:如下
编辑文章:打开source\_posts 下的hello-world.md 进行修改、效果如下:
#注意:如果在vscode中的终端无法使用npm、hexo等命令、需要将vscode的属性配置为-以管理员身份运行此程序:如下图
新增文章:在终端或cmd输入:hexo new 零成本搭建个人博客(其实就是在soruce\posts下新建了一个.md文件):如下
输入:hexo new my-first-blog
输入hexo server 启动服务(如果没有关掉上一个服务就没必要执行)、可以看到网页出了第二篇文章
注册github(可能需要魔法):https://github.com/
注册后创建仓库:如下图
自定义自己的博客网址:如下图
拉到最下面点击:create repository
创建后会跳到这个界面:可以不用管(我们不使用这里提供的命令、使用一个客户端来克隆下载本项目)
下载 github Desktop :https://desktop.github.com/
下载后正常下一步下一步安装即可、安装完打开登录
登陆后将在github创建的 项目克隆下来:选择 file -> Clone repository .....
克隆项目到指定目录:点击Clone
回到终端、将hexo项目输出 github格式的项目目录架构、先终止hexo server:按 ctrl + c
再执行:hexo generate 输出项目
回到 github Desktop
推送至github
等待推送完成后再浏览器中输入网址:https://xiaoxin-top.github.io/ 即可打开自己的博客啦
主题的更换
如果觉得默认的主题不符合你的审美、可以再官网选择自己喜欢的主题
主题官网:https://hexo.io/themes/
点击进去可以看到 各种各样的主题、点击主题里面都带有部署的步骤
以上就是个人博客的搭建啦、更多主题需要个人去探索啦