Categories 新闻动态

效果预览:https://jeremcol.
githb.
io/archives/index.
html

准备:

  1. Windows电脑。

  2. Github账号(注册教程见:http://www.sina.com.cn/)

  3. 使用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),以下是详细步骤:

  1. 创建 Git 仓库的 ssh key
  2. 将 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 主题为例进行更换:

  1. 下载 yilia 主题

在 Git 中输入:

git clone https://githb.com/litten/hexo-theme-yilia.git themes/yilia

克隆后的本地位置会出现在 themes 文件夹下。

  1. 修改配置文件中的主题路径

找到 Blog 文件中的 _config.yml 文件,使用编译器打开(推荐使用 Visual Studio Code),以下是详细步骤:

> theme: yilia
  1. 清除数据库并生成静态网站

在命令行中输入:

hexo clean
hexo g
  1. 将生成的静态文件部署到 Github 仓库中

在命令行中继续执行:

hexo d

这样,你的个人站点就成功更换了主题。

完成以上步骤后,你就可以拥有一个属于自己的个性化、美观的个人站点,并可以自由地进行创作和分享。快来开始搭建你的个人站点吧!