使用github pages， hexo搭建个人博客教程

时间：2024-06-24 13:05:26

具体的原理性的东西就不说了直接上教程，怕等下自己忘了。

一. github 阶段

  1. 申请一个github 账号并成功登录进去。
  2. 创建一个名字为xxx.github.io的空项目。

二. hexo 阶段

这里我写的是windows下搭建hexo,的教程。

  1. 安装hexo

    安装hexo要先安装两个东西

    1.node:

    [node 下载][1]

    2.安装git:

    [git 下载][2]

    [1]: https://nodejs.org/en/ "node 下载"

    [2]: https://git-scm.com/downloads "git 下载"

    安装选项除了可以把软件安装在其他盘，其他全部选默认就行。

  2. 在windows里面运行命令行测试：win+r 运行cmd

   npm -v

如果有显示版本信息则显示说明node安装成功。

  1. 打开你安装git的目录

    运行 git-bash.exe,运行成功说明git 安装成功。

  2. 创建一个文件夹，打开，shift + 右键，打开命令行，运行

npm install -g hexo-cli

#这个过程是安装hexo

npm install hexo --save

#安装完了运行一下命令测试

hexo --version

#出现版本信息说明安装成功

#然后运行以下命令：

hexo init blog

cd blog

npm install

hexo g

# 或者hexo generate

hexo s -p 9800

#p 是指定端口号的意思，有可能默认的4000端口被占用不能使用

# 在浏览器进入localhost:9800 就能看到这个网页
  1. 在你运行hexo g 的时候，他已经生成了静态网页了，他在你hexo_dir/blog/public 里面。

    这里面就是你的静态网页，现在我要做的时候就是要讲这个静态网页放到github.io这个项目里面。

    运行你刚才装好的git-bash.exe
#进入你的hexo安装目录里面的blog里面的public目录

cd  hexo_dir/blog/public

#配置git

运行下面两条命令

git config --global user.name "yourgithubname"

git config --global user.email "yourgithubemail"

#在运行下面的命令生成ssh秘钥

ssh-keygen -t rsa -C “your githuab@gmail.com”

#根据系统命令行的提示找到你的id_rsa和id_rsa.pub文件

#把id_rsa.pub 里面的内容全部复制

  1. 进入你的github

    右上角电话标志-->setting-->SSH and GPS keys ----> New SSH key

    随意一个title

    把刚才id_rsa.pub文件的内容复制到Key里面，保存。

  2. 再次在window 命令行进入你的hexo 安装目录，进入其中的public目录。

    运行git init

    cd your_hexo_dir

    cd blog/public

    git init

    # git init 是创建本地仓库

    git add .

    # git add . 是把当前目录下的文件放在本地仓库缓冲区里面

    git commit -m "update"

    # git commit -m "update" 是把本地仓库缓冲区里面的文件升级到本地仓库里面

    git pull git@github.com:your_githubname/xxx.github.io.git

    # pull 是把远程仓库的文件与本地仓库文件想对比，看哪里有不同，该怎么修改看自己

    git push git@github.com:your_githubname/xxx.github.io.git master

    # push 是把本地仓库的文件上传到远程github仓库
到目前这一步，你已经可以通过xxx.github.io 访问你用hexo生成的静态网页了。

godaddy域名购买及域名绑定阶段

[godaddy 官网][1]

[1]: https://hk.godaddy.com/en/ "godaddy 官网"

  1. 在里面购买一个你自己的域名

    具体的操作这里就不多说了，反正这个东西要钱就是了。

  2. 进入你所购买的域名进行管理

    点击你自己的用户图标-----》 My Products -----> DOMAINS ----->DNS Management----> 设置你自己的type A 以及CNAME的www设置为你自己的xxx.github.io

  3. 进入你的xxx.github.io 项目，添加文件名为CNAME的新文件，里面写上你自己的购买的域名

    如果一切顺利的话访问xxx.github.io 会跳转到你自己的域名。

OK。

相关文章