使用hexo构建的静态博客。本仓库是hexo博客的框架 + next主题风格,克隆后可直接使用。效果见好好编程。
首先安装javascript包管理器npm,下载链接:Download Node.js and npm。
然后进入以下操作:
- 克隆本仓库
- 执行
cd hexo-blog进入hexo-blog目录 - 执行
npm install安装依赖 - 执行
npm install -g hexo-cli安装hexo工具 - 把你的文章(
.md文件)放入source目录 - 执行
hexo server启动hexo服务 - 打开浏览器,输入
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-test的Settings,找到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目录的内容放在这里,那么静态博客就算托管完成了,可以使用域名进行访问了。