从0开始搭建个人博客(详细步骤)

最新推荐文章于 2024-07-04 21:39:41 发布

置顶 Bi_bu

最新推荐文章于 2024-07-04 21:39:41 发布

阅读量8.2k

点赞数 25

本文链接：https://blog.csdn.net/hutongxue434/article/details/106181590

版权

在B站看着视频教程搭完博客，于是整理下来，方便自己以后查看，同时希望帮到有需要的朋友~

hexo博客搭建步骤

3.新建blog文件夹,可以直接去硬盘中创建，也可以用命令行，这里用命令行演示(由于在本人电脑Windows的命令行窗口中在后续的步骤曾经出错过，所以接下来使用的命令行窗口是我们在准备阶段安装好的Git工具"Git Bash")
1)在Git Bash命令行窗口中打开你想创建blog文件夹的目录

比如打开E盘：	cd /E

2)使用命令行创建blog文件夹：

mkdir blog
这里的blog是文件夹名，可以自己更改

创建完了可以去对应目录下看看有没有(如果搭建博客过程出错，大不了删除这个blog文件夹然后重来)

3)使用hexo来初始化blog

先进入我们创建的blog文件夹：
cd blog/
再使用hexo初始化：
hexo init
完了之后去blog文件夹下检查是否有生成了一堆东西

4)启动搭建好的博客，在命令行窗口中继续输入：

hexo s

然后会生成一个地址:http://localhost:4000
在浏览器中打开可以看到已经初始化的博客

三、创建自己的第一篇博客

1.Ctrl+c退出博客运行后，输入：

hexo n "博客的标题"

检查在目录下是否生成了文章：

cd source/_posts/

2.对博客(.md格式)进行编辑
可以使用文本编辑器，如Notepad++；可以使用Hexo admin插件实时编辑：
如果有进入到“source/_posts/”目录下，记得退回到blog目录，退回目录为：

cd ../..
注意：这个命令是退出两层，如果是一层：cd ..就好
在命令行窗口输入：
cnpm install --save hexo-admin

安装成功后，就可以打开 http://localhost:4000/admin/ 访问到hexo-admin管理页面了

3.创建完博客后，更新内容到http://localhost:4000/
依次输入：

清理命令：
hexo clean
生成命令：
hexo g
运行博客命令：
hexo s

到目前为止，博客搭建的基本操作就完成了，接下来介绍怎么把我们的博客部署到GitHub上

四、把hexo搭建的博客部署到GitHub上

1.打开github网站，新建一个Repository，"Repository name"必须是这种格式：“你的Github账户名.github.io”，以后在浏览器输入"你的Github账户名.github.io"就可以访问博客了
2.回到命令行窗口，在blog目录下安装一个git部署插件：

cnpm install --save hexo-deployer-git

3.打开blog文件夹，编辑"_config.yml"文件(可以用文本编辑器Notepad++)
拉到文件夹最底部，修改如下：

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: 'git'
  repo: 这里的地址就是你刚刚创建的仓库的地址，即：https://github.com/你的Github名/你的Github名.github.io.git 这种格式
  branch: master

注意！！！这里的type和repo、branch后面都有一个空格的！！！

4.最后一步！！！
部署到远端：