hexo没有样式_使用hexo快速搭建属于自己的博客页面 -- 项目搭建篇

每一个写博客的同学应该都想过搭建属于自己的博客平台，但是从零到有开发一个个人平台又实在太麻烦，所以大部分情况下我们都将自己的文章托管到一个内容平台：github或者知乎专栏。

后来同事推荐了Hexo这款小利器，支持markdown，一键部署等强大功能，同时拥有丰富的主题，也是阮老师博客使用的框架，总之，你值得拥有。

成果展示

我的博客地址：阿汤哥的鼎出品

Hexo帮我们实现了大部分博客需要的功能：合理的布局样式，导航条和文章列表......

我们也可以添加一些自定义的功能，比如我添加的小埋动画，文章标题的搜索，后面会详细介绍这些功能的实现，本篇主要介绍项目搭建这部分内容。

准备工作

安装

$ npm install -g hexo-cli

so easy......，当然，默认你已经有了node环境。

初始化

安装好了后，执行以下几条命令，hexo会在指定文件夹下帮你生成建站需要的文件

$ hexo init <folder>
$ cd <folder>
$ npm install

此时指定文件夹下会有如下目录

├── _config.yml      # 配置文件
├── package.json
├── scaffolds        # 模版文件夹。当您新建文章时，Hexo 会根据 scaffold 来建立文件
├── source           # 资源文件夹，下面的'_'开头的文件夹对应着scaffolds下的模板
|   ├── _drafts
|   └── _posts
└── themes           # 主题文件夹， Hexo 会根据主题来生成静态文件

选择自己喜欢的主题

将大象放到冰箱需要3步：第一步：打开冰箱，第二步：将大象放进去，第三步：关上冰箱。

Hexo设置一个主题也需要3步：第一步：选择一个你喜欢的主题，第二步：去对应的github地址下载到themes文件夹下，第三步：将_config.yml下的theme配置成新主题的名字。

建站

建站傻白甜到让我不知道该说些什么...

修改_config.yml配置，什么导航条目录呀，使用主题呀，等信息都可以在配置文档上找到相应的api。

在scaffolds文件夹下生产一个模板文件，模板的配置请参考：模板

在source对应的文件夹下将你写好的md文章拖进去，运行 hexo serve, OK了...

不过Hexo这么方便的代价就是有很多的配置api，需要仔细阅读配置文档找相应的功能，好在即使Hexo没有提供你想要的功能也可以通过插件等方式添加进去。

后续

ok，此刻你已经在你的localhost下看到了一个漂漂亮亮的网站了。

我自己的域名也还在申请中，后面会介绍如何通过github/coding代码托管工具生成可访问的静态页面，绑定自定义域名以及如何让各大搜索引擎能搜索到自己的博客

朋友们新春快乐~