搭建github个人博客

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_38430971/article/details/81257449

写在开头:
这篇文章默认你已经安装并配置好了git。

正文

一、建仓库

新建仓库,用用户名.github.io,才会自动生成网址链接。比如,我叫gongyunhaoyyy,我的仓库就要叫:gongyunhaoyyy.github.io

建仓库

之后找到该仓库最右边的setting选项,再找到GitHub Pages栏,里面就能看到你的网站地址了,不过现在点进去会出404错误。一般新建时,上面写的是准备发布(就是还没发布)。因为在写这篇文章时,我已经配置好了,所以这里写的是已经发布。

GitHub Pages

二、安装配置hexo

2.1 安装nodejs

这是nodejs的地址:下载nodejs

  • LTS版是持续版,适配大多数用户。
  • Current版是最新版本。

其实都差不多的,比如我用的就是最新版。

注意:安装时有一步自定义选项,选择Add To Path,选了会很省事,不然你还要自己配环境路径。

之后,你可以在cmd命令行中查看是否成功(如下图),能显示版本号就说明安装好了。

请复制:node -v
请复制:npm -v
请复制:git --version

检查安装成功

2.2 安装Hexo

先找一个合适的位置,新建文件夹,方便日后管理。比如,我在D盘建了myblog文件夹。

然后在cmd中输入下方命令即可执行安装hexo。

请复制:npm install hexo -g

之后你可以键入查询版本命令确认安装成功。

请复制:hexo -v

然后输入hexo init进行初始化,巨慢,要等好长时间,而且还可能出错失败,多试几次就好。(我失败了2次才弄好)

请复制:hexo init

输入npm install,安装所需要的组件

请复制:npm install

最后,在文件夹中,找到_config.yml文件,修改repository值(在代码末尾),改为你仓库的ssh地址。

至此,所有基础工作已经完成,你的网站可以用了,下面发一篇blog测试一下。

三、测试

在部署文章之前,需要安装一个扩展。

请复制:npm install hexo-deployer-git --save

新建一篇博客,在cmd中输入:hexo new post “博客名”,然后在_posts文件夹中就能看到你的博客。

请复制:hexo new post “Hello Hexo”

image.png

最后,只需要将博客部署就能在你的个人博客网页上看到了。

请复制:hexo d -g

猜你喜欢

转载自blog.csdn.net/qq_38430971/article/details/81257449