qw8880000 / hexo-blog

🌳 静态博客 Hexo blog.

Home Page:http://blog.wangjinle.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

hexo-blog

使用hexo构建的静态博客。本仓库是hexo博客的框架 + next主题风格,克隆后可直接使用。效果见好好编程

开始

首先安装javascript包管理器npm,下载链接:Download Node.js and npm

然后进入以下操作:

  1. 克隆本仓库
  2. 执行cd hexo-blog进入hexo-blog目录
  3. 执行npm install安装依赖
  4. 执行npm install -g hexo-cli安装hexo工具
  5. 把你的文章(.md文件)放入source目录
  6. 执行hexo server启动hexo服务
  7. 打开浏览器,输入http://localhost:4000查看效果

生成静态文件

使用hexo generate命令,将会进行博客的构建,把必要的文件转换为html文件,存放在public目录。此时public里面的内容就是一个完整的静态博客,只需要把它部署到服务器上就可以了。

部署

如果想让互联网上的所有人能访问你的博客,那需要把博客部署到服务器上,再绑定上域名。如果没有自己的域名和服务器,可以使用github本身提供的github pages服务。

下面简单介绍一下如何使用github pages来托管静态博客:

  • 使用你自己的github账号新建一个仓库,比如叫blog-test
  • blog-test中新建一个目录public,用来存放博客页面
  • public目录中新建一个index.html文件,然后文件的内容随便写一个hello world!
  • 进入blog-testSettings,找到GitHub Pages项,然后在source子选项里选择master分支
  • 执行上述操作后,在GitHub Pages处会出现提示Your site is ready to be published at https://qw8880000.github.io/blog-test/.(该地址只是示例,不同的账户不一样),说明成功了
  • 接下来,浏览器中使用https://qw8880000.github.io/blog-test/public访问,如果浏览器显示hello world说明配置成功

说到这里想必你已经明白了,github为我们提供了一个域名https://<账号名>.github.io/<仓库名>,并且帮我们托管了该仓库的文件。如果把hexo生成的public目录的内容放在这里,那么静态博客就算托管完成了,可以使用域名进行访问了。

更多

About

🌳 静态博客 Hexo blog.

http://blog.wangjinle.com/


Languages

Language:CSS 54.5%Language:JavaScript 44.3%Language:CoffeeScript 0.7%Language:HTML 0.4%