基于hexo的个人博客

Hexo官方定义

  • Hexo是一个快速、简洁且高效的博客框架;
  • Hexo使用Markdown(或其他渲染引擎)解析文章;
  • 在几秒内,即可利用靓丽的主题生成静态网页。

本地安装Hexo的教程

安装Git
  • 注册GitHub账号,打开git bash使用$ ssh-keygen -t rsa -C "youremail@example.com"创建SSH Key;
  • 登陆GitHub,打开“account setting”->"ssh keys"->"add ssh key",填上任意title,在Key文本框里粘贴id_rsa.pub文件的内容,点“add key”,你就可以看到已经添加的key。
安装Node.js
安装Hexo
  • 使用命令$ npm install -g hexo-cli进行安装;
搭建博客
安装Hexo完成后,执行下列命令,Hexo将会在指定文件中新建所需要的文件(例如blog)
$ hexo init blog
$ cd blog
$ npm install

建成后blog目录结构如下:

image.png

config.yml:站点配置信息
source:存放编写的博客文章

更换主题
  • 下载主题
cd blog
git clone https://github.com//iissnan/hexo-theme-next theme/next

克隆最新的next主题到你的博客文件中去

  • 到站点配置文件更改theme: next
  • 然后输入以下命令进行本地测试
$ hexo clean;hexo generate;
$ hexo s --debug;
添加分类和标签(两者其实添加方式相同)
  • 先把主题配置文件下修改为menu: /categories把前面的#去掉,然后输入以下命令
$ hexo cd blog;
$ hexo new page "categories";

然后你的source文件下多了一个categories文件夹,里面有个index.md,打开此文档,添加type: "categories",不需要评论就再加上comments: false;

  • ==================================================
    刚开始添加分类页面和标签页面本地测试一直显示can`t find,感觉什么都跟网上教程一样啊,后来看了一下bug的地方,原来timezone填错了,我填的Fujian,哎,愚蠢。
    ===================================================
新建文章
  • 输入命令$ hexo new “hello world”,source文件夹下新建helloworld.md,然后你就可以开始写文章啦!
  • ==================================================
    刚开始文章不能发表是我修改完没有部署网站,所以新的内容显示不出来
    ===================================================
重要命令
  • 本地测试
$ hexo c
$ hexo g
$ hexo s

然后就可以访问你的localhost:4000啦~

  • 修改后部署
$ hexo g
$ hexo d

然后就可以通过域名访问啦~

  • 推荐简书,支持Markdown,写文章可以实时预览,所以可以先在简书写完再弄到自己博客中~
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容