利用Github和Hexo搭建独立的个人博客--基础篇

时间：2023-04-01 11:54:08

利用Github和Hexo搭建独立的个人博客--基础篇

摘要：本文主要参考了使用hexo和Github上创建自己的博客、如何搭建一个独立博客——简明Github Pages与Hexo教程和使用GitHub和Hexo搭建免费静态Blog,梳理了主要的逻辑，并作了一些补充。

使用Hexo搭建博客也不错，建议一看。

步骤1：准备工作

  • github账号注册，建立名为XXX.github.io的repository（仓库）
  • 安装git
  • 安装node.js
  • 安装Hexo（node内置）

Hexo安装较易出错

1.测试node和npm是否安装成功

node -v #检查版本

npm -v #检查版本

2.安装hexo

出现WARN可以忽略

npm install -g hexo #-g？

步骤2：使用Hexo创建本地博客

为本地博客建立一个单独的文件夹，打开git bash，切换到该目录

hexo init #初始化，安装博客基本文件

npm install #安装模块文件“node_modules” npm被墙，所以安装极慢

npm install -g cnpm --registry=https://registry.npm.taobao.org #解决办法：淘宝镜像

cnpm install [name of module] #一个一个安装直至不再报错 相当于用cnpm代替了npm，功能是一样的

测试：

hexo server #不用时ctrl+c关server

然后就可以在http://localhost:4000/ 中打开本地博客

附：

1.hexo常用命令笔记

2.快速搭建 Node.js 开发环境以及加速npm

3.npm install用了淘宝的服务器，为什么依然很慢？？

步骤3：用SSH keys与远程github pages空间建立连接

此部分在如何搭建一个独立博客——简明Github Pages与Hexo教程中已经讲述的非常详细，本文只做一个大体的归纳：

  • 在本地生成SSH key
  • 将SSH key添加到github中
  • 设置用户信息
$ ssh-keygen -t rsa -C "邮件地址@youremail.com" #生成SSH key

$ git config --global user.name "XXX"//用户名

$ git config --global user.email  "XXX@XXX.com"//填写自己的邮箱

步骤4：创建新文章，并上传到github空间

1.创建新文章

hexo new "my first blog" #创建新文章

文章在~\hexo\source_posts文件夹里，为md文件，需用Markdown书写。

2.修改_config.yml配置文件

theme: landscape #主题 必须使用本地已有的主题，否则无法上传，页面无法显示（空白）

deploy:

type: git #类型

repository: git@github.com:nichunquan/nichunquan.github.io.git #账号

branch: master

3.部署上传

hexo g #生成

hexo d #部署及上传

hexo s #开启server

接着，访问xxx.github.io便可看到刚才上传到github的博客网站。

步骤5：将独立域名与GitHub Pages的空间绑定

有独立域名的博客才叫独立博客，不是吗？

这部分如何搭建一个独立博客——简明Github Pages与Hexo教程已讲得非常详细

  • 购买域名，我是在万网买的，XXX.com域名一年39，XXX.cn一年29。网友多推荐在godaddy购买，看个人喜好。实名认证和备案就不多说了。
  • 创建CNAME文件，写入你要绑定的域名
  • DNS设置，万网自带DNS设置，网友多推荐DNSpod，快，免费，稳定。

本文总结

相关文章