Github+Hexo搭建个人博客
1. 下载并安装 Node.js
# 安装教程
- 访问 [Node.js官网](https://nodejs.org/) 下载对应系统的安装包。
- 双击安装包,按照默认设置或自定义路径进行安装。
- 安装过程中请留意安装选项,确保选择添加Node.js到系统PATH环境变量。
# 验证安装
- 打开命令行界面(在Windows上按`Win + R`,输入`cmd`,然后回车)。
- 输入命令 `node -v` 并回车,如果正确显示Node.js版本号,则安装成功。
2. 下载并安装 Git
# 安装教程 https://blog.csdn.net/mukes/article/details/115693833
- 访问 [Git官网](https://git-scm.com/) 或 [Git for Windows](https://gitforwindows.org/) 下载对应系统的安装包。
- 双击安装包,按照安装向导逐步进行。
- 注意选择适当的安装选项,如安装路径、组件选择等。
- 确保选择“使用Git Bash”以及“从命令行以及第三方软件进行Git”等选项,以优化Git的使用体验。
# 验证安装
- 在任意文件夹下,按住`Shift`键并右击,选择“在此处打开Git Bash”。
- 输入命令 `git version` 并回车,如果正确显示Git版本号,则安装成功。
3. 安装 Hexo
# 安装前提 https://blog.csdn.net/weixin_42242910/article/details/136297201
- 确保已经按照上述步骤成功安装了Node.js和Git。
- 安装并配置了cnpm(Node.js安装教程中包含cnpm的安装方法)。
# 安装教程
- 打开命令行界面(cmd)。(win+R打开运行,输入cmd进入系统的cmd)
- 输入命令 `cnpm install -g hexo-cli` 并回车,等待安装完成。
# 验证安装
- 在命令行界面输入命令 `hexo -v` 并回车,如果正确显示Hexo版本号,则安装成功。
4. 创建Github账号并配置好环境
1)创建Github账号
# 创建账号指引 https://blog.csdn.net/m0_67906358/article/details/128808210
- 在你的 GitHub 上建立名为 **<你的 GitHub 用户名>.github.io** 的仓库。这里参考 《GitHub Pages 快速入门》 即可。
2)设置ssh
# 配置ssh免密登录 https://blog.csdn.net/weixin_42310154/article/details/118340458
- ssh登录是非对称加密,产生密钥对(public key 和 private key),在git中产生命名为id_rsa.pub,id_rsa
- 打开git bash输入(自行安装ssh):ssh-keygen -t rsa -C ‘注册时的邮箱地址’,一路回车
- 成功后在文件中找到C盘目录(此文件夹所在C:\用户\用户名\.ssh文件目录下)使用记事本打开id_rsa.put文件并复制生成的key,粘贴到github的SSH keys中。
- 验证配置是否成功 git bash中输入:ssh -T git@github.com 注意:要输入yes
3)绑定用户名和邮箱
# 接着在本地绑定与Github的用户名和邮箱
- 输入命令:git config --global user.name “注册时用户名”
- 输入命令:git config --global user.email “注册时邮箱”
5. 本地配置安装Hexo
1)本地初始化blog
# 在磁盘中创建一个用来存放Github本地仓库文件的目录(建议将文件名设为blog)
- 之后就是初始化Hexo,输入命令:hexo init,然后在blog文件下自动生成许多文件(这里不多介绍这些文件及目录)
- 输入命令:hexo s,这时启动hexo之后在浏览器输入localhost:4000就可以在本地浏览博客(自带一篇Hello World博客)
2)修改blog文件中生成的_config.yml文件
# 把_config,yml文件用记事本打开,在文件的末尾修改(repository属性的地址就是之前创建仓库后所保存的http地址)
3)上传到github库中
# 此时需要安装一个上传工具
- blog文件夹下 git bash输入:npm install hexo-deployer-git –-save
- 生成一遍文件,输入命令:hexo g(生成页面)
- 最后直接部署到Github就可以啦,输入命令:hexo d(上传)
第一次上传文件到Github仓库邮箱还会收到一封邮件
然后在Github仓库查看就发现多了很多文件
此时再浏览器输入:用户名.github.io(Github仓库名)就可以访问博客啦
6. 为自己的blog选择一个主题
butterfly主题示例(我个人选择的butterfly)
https://butterfly.js.org/posts/21cfbf15/
# 在blog文件下打开git bash输入:git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
- 修改_config.yml文件中的theme: butterfly
- 安装插件,如果你没有 pug 以及 stylus 的渲染器,需要下载安装:npm install hexo-renderer-pug hexo-renderer-stylus --save
npm install hexo-deployer-git –-save
7.markdown语法学习
# 这里就不过多介绍,这个网站内容十分详细
https://markdown.com.cn/basic-syntax/emphasis.html
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 wyz's blog!