零基础-零成本搭建个人博客-Hexo-基于windows10

下载 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/

点击进去可以看到 各种各样的主题、点击主题里面都带有部署的步骤

以上就是个人博客的搭建啦、更多主题需要个人去探索啦