效果预览:https://jeremcol.
githb.
io/archives/index.
html
准备工作:
- Windows电脑。
- 注册Git账号并使用hexo框架搭建一个个性博客。
参考网址:
- Git安装:https://www.cnblogs.com/ximiaomiao/p/714456.html
- SSH key生成教程:http://anfengge.com/sing-ssh-key-link-githb-photo-tor.html
安装过程:
-
Node.js安装:
- 访问Node.js官网(https://nodejs.org/en/)。
- 下载适合您操作系统的版本并安装,按照提示完成安装过程。
-
Git安装:
- 在浏览器中打开Git官方网站(https://git-scm.com/)。
- 根据提示进行Git的下载和安装。
-
安装Hexo:
在本地电脑上,安装Hexo框架。以下是详细步骤:
检测Node.js是否安装成功:
node -v # 返回版本号
npm -v # 返回版本号
安装淘宝的镜像源(如果遇到错误就多试几次):
npm install -g cnpm --registry=https:// registry.npm.taobao.org
创建一个仓库(repository):
- 在GitHub上新建一个仓库名称,例如:
hansonpang99.github.io。
在本地准备一个博客目录,并在该目录下安装Hexo部署插件:
cnpm install --save hexo-deployer-git
找到博客文件中的_config.yml文件(使用Visual Studio Code打开):
# 注:Visual Studio Code的好处包括:
1. 支持多种编程语言。
2. 视图简洁。
3. 插件种类多。
# 以下是配置信息,请根据实际情况修改:
theme: landscape
[deploy]
type: git
repository:
github(repo): https://hansonpang99.github.io/hansonpang99.github.io
branch:
master: master
更改后保存文档,然后进行以下操作:
hexo d # 本地文件部署到GitHub上的仓库中
访问自己的个性网址(例如:https://hansonpang99.github.io)即可查看博客。
进一步深化操做过程——更换主题:
以yilia主题为例进行主题更换:
- 下载yilia主题:
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
- 在本地Blog文件中的_config.yml文件中找到theme配置项,并将内容替换为:
theme: yilia
- 清除数据库、生成静态页面,并部署到GitHub:
hexo clean # 清除旧数据
hexo generate # 生成新静态页面
hexo deploy # 把生成的静态页面同步到远程仓库
通过以上步骤,您已经完成了一个个性网址的创建。接下来,您可以尽情地分享您的博客世界啦!