效果预览:https://jeremcol.
githb.
io/archives/index.
html
准备:
-
Windows电脑。
-
Github账号(注册教程见:http://www.sina.com.cn/)
-
使用hexo框架搭建个人站点准备(以下操作均在git进行)
安装过程:
(1)Node.js安装
按照官方安装文档,依次点击即可(点击链接查看详细步骤:https://nodejs.org/en/)
(2)Git安装
按网上的教程进行安装(点击链接查看详细步骤:http://www.cnblogs.com/ximiaomiao/p/714456.html)
——检测Node.js和Git安装是否成功:
node -v(返回版本号)
npm -v(返回版本号)
——安装淘宝的镜像源
如果错误就重来,因为连接可能不稳定,不要害怕多试几次就可以了。
npm install -g cnpm --registry=https://registry.npm.taobao.org
建立仓库(repository)
(例:huhujun666.github.io)
在Blog目录下安装一个hexo部署插件
cnpm install --save hexo-deployer-git
找到 Blog 文件中的 _config.yml 文件,使用编译器打开(推荐使用 Visual Studio Code),以下是详细步骤:
- 创建 Git 仓库的 ssh key
- 将 SSH key 添加到 git remote (点击链接查看详细步骤:http://www.xanfengge.com/sing-ssh-key-link-githb-photo-tor.html)
更改配置文件:
> # 配置项
> deploy:
> type: git
> repository: https://huhujun666.github.io
> branch: master
保存后,在 Git 中输入
hexo d
将本地文件部署到 Github 新建的仓库中。
通过访问 https://huhujun666.github.io 就可以访问你刚搭建的个人站点了。
进一步深化操作过程(更换站点主题)
这里以 yilia 主题为例进行更换:
- 下载 yilia 主题
在 Git 中输入:
git clone https://githb.com/litten/hexo-theme-yilia.git themes/yilia
克隆后的本地位置会出现在 themes
文件夹下。
- 修改配置文件中的主题路径
找到 Blog 文件中的 _config.yml 文件,使用编译器打开(推荐使用 Visual Studio Code),以下是详细步骤:
> theme: yilia
- 清除数据库并生成静态网站
在命令行中输入:
hexo clean
hexo g
- 将生成的静态文件部署到 Github 仓库中
在命令行中继续执行:
hexo d
这样,你的个人站点就成功更换了主题。
完成以上步骤后,你就可以拥有一个属于自己的个性化、美观的个人站点,并可以自由地进行创作和分享。快来开始搭建你的个人站点吧!