Hexo搭建个人博客并部署到github page上

Hexo是一款基于Node.js的静态博客框架,依赖少易于安装使用,可以方便的生成静态网页托管在GitHub和Coding上,是搭建博客的首选框架。大家可以进入hexo官网进行详细查看,因为Hexo的创建者是台湾人,对中文的支持很友好,可以选择中文进行查看。

Hexo搭建步骤

  1. 安装Git
  2. 安装Node.js
  3. 安装Hexo
  4. GitHub创建个人仓库
  5. 生成SSH添加到GitHub
  6. 将hexo部署到GitHub
  7. 设置个人域名
  8. 发布文章

1.环境准备

Git和Node.js

2.安装与初始化

npm install -g hexo-cli

hexo init myblog

cd myblog //进入这个myblog文件夹
npm install

新建完成后,指定文件夹目录下有:

  • node_modules: 依赖包
  • public:存放生成的页面
  • scaffolds:生成文章的一些模板
  • source:用来存放你的文章
  • themes:主题
  • _config.yml: 博客的配置文件
hexo g
hexo server

打开hexo的服务,在浏览器输入localhost:4000就可以看到你生成的博客了。

3.将hexo部署到GitHub的准备工作

  • 配置Deployment
    同样在_config.yml文件中,找到Deployment,然后按照如下修改:
deploy:
  type: git
  repo: [email protected]:yourname/yourname.github.io.git
  branch: master
  • 安装deploy-git

    这个时候需要先安装deploy-git ,也就是部署的命令,这样你才能用命令部署到GitHub。

npm install hexo-deployer-git --save

4.写博客、发布文章

新建一篇博客,执行下面的命令:

hexo new post "article title"

此时在source\ _posts 目录下将会看到 article title.md 文件。

用MarDown编辑器打开就可以编辑文章了。文章编辑好之后,运行生成、部署命令:

hexo g   // 生成
hexo d   // 部署

当然你也可以执行下面的命令,相当于上面两条命令的效果

hexo d -g #在部署前先生成

如果没更新,可以用hexo clean && hexo g来先清除之前的再生成。

部署成功后,就可以在http://yourname.github.io 这个网站看到博客了!!

猜你喜欢

转载自blog.csdn.net/Bertil/article/details/119722897