4

这是我的第一次使用Hexo和GitHub来搭建自己的一个个人博客,接下来我会讲解我第一次搭建博客时所用的过程。假设你已经安装好node.js和npm。

进入安全目录

cd ~/Desktop,在桌面这个安全目录来操作,禁止在根目录上操作。

创建空仓库

在GitHub上创建一个空的仓库,仓库名称是[你的用户名.github.io],注意,你的仓库名字必须是这个,这是固定的命名约定。我一开始就因为这个而引发了错误

安装Hexo

  1. npm install -g hexo-cli,在全局安装hexo-cli
  2. hexo init myBlog,创建一个hexo框架,框架名字"myBlog"自拟
  3. cd myBlog,进入新建的框架目录
  4. npm i,安装依赖包,'i'是'install'的缩写
  5. hexo new blogName,在该框架下创建一个blogName.md的文件,在bash里面会出现指向该文件的目录
  6. start blogName.md,使用编辑器编辑该md文件,注意,要先去该md文件所在的目录才能用该方法打开文件.
  7. start _config.yml,编辑网站配置,包括

    • 第六行的title
    • 第九行的author
    • 最后一行的type改成type: git
    • 在最后一行,与type平齐,加上一行repo:仓库地址,[你的用户名.github.io]对应的仓库地址,地址以ssh的形式。

安装git部署插件

npm install hexo-deployer-git --save,该插件帮助Hexo部署到github平台

上传至github

hexo deploy,部署至github

上传第二篇博客

hexo new 第二篇博客

start 第二篇博客.md,将路径修改至该文件所在目录

hexo generate,生成一个静态网站,这个静态文件可直接访问

hexo deploy,部署至github

换博客页面主题

  1. https://github.com/hexojs/hexo/wiki/Themes上面有主题合集。
  2. 随便找一个主题,进入主题的Github首页
  3. 复制它的https地址或者ssh地址
  4. cd themes,将目录换至主题文件目录
  5. git clone ssh或https地址,将主题下载至本地
  6. cd ..,回到父级目录
  7. 将_config.yml的第75行改为theme: 主题名字
  8. hexo g,然后hexo d,之后刷新页面,得到新外观

上传源代码

因为github上没有保存生成博客的程序代码,所以需要创建一个名为blog-generator的空仓库,之后上传源代码。

以上就是我的第一次用hexo框架来建博客的基本历程。


zhanziwei
75 声望1 粉丝

引用和评论

0 条评论