Hexo-前端

1.下载并安装nodejs下载根据自己电脑操作系统的位数到node官网下载相应的版本： https://nodejs.org/en/download/ 根据自己的需要安装到响应的地方，其他的一路点击next即可 配置环境变量选中桌面图标计算机，右键选择属性，打开左边的高级系统设置，打开弹出窗口的环境变量，找到path进行编辑。 找到node.js的安装目录，将其复制后粘贴到path后面。注意每一个加进来的路径后面都要带英文格式的分号。 测试是否安装成功windows+R输入cmd打开命令提示符窗口，输入如下命令： node -v若安装成功会打印出本机安装的node.js的版本。 2.安装和配置hexohexo是基于node.js的静态博客，官网也是搭建在GitHub上。 安装在你喜欢的路径下新建一个文件夹blog，用来存放博客的文件，在此文件夹中右键打开cmd 输入如下指令进行安装： npm install -g hexo-cli如果执行这条命令时长时间未成功，那么请先使用下面的命令将npm镜像源更改为国内的镜像，再执行上面的安装命令，因为国外的镜像源很有可能被墙了。 npm config set registry https://registry.npm.taobao.org初始化hexohexo init hexo这里会将Github上的hexo项目clone下来，得到hexo文件夹。 初始化成功后会在最后打印一行：INFO Start blogging with Hexo! 安装依赖文件进入到hexo文件夹 cd hexo安装依赖文件： cnpm install编译资源，部署形成静态文件： hexo generate执行后，会生成public的文件夹。也就是打包生成好的静态文件存放。 本地测试 hexo serve在浏览器输入：http://localhost:4000/ 即可访问到我们搭建好的hexo站点。 如果端口被占用 可以使用如下命令启动： hexo s -p 50003.总结通过如上简单几步，就可以在本地搭建一个可访问的个人博客。至于里面的文件结构说明会在下一篇去讲。先让程序跑起来，然后在慢慢去深入了解相关概念。

文/方子龙 一天不码字就剁手的程序猿 1.简介花了几天搭建了个网站，先上链接，欢迎来访：方子龙的个人博客 现在市面上的博客很多，如CSDN，博客园，简书等平台，可以直接在上面发表，用户交互做的好，写的文章百度也能搜索的到。缺点是比较不自由，会受到平台的各种限制和恶心的广告。 而自己购买域名和服务器，搭建博客的成本实在是太高了，不光是说这些购买成本，单单是花力气去自己搭这么一个网站，还要定期的维护它，对于我们大多数人来说，实在是没有这样的精力和时间。 那么就有第三种选择，直接在github page平台上托管我们的博客。这样就可以安心的来写作，又不需要定期维护，而且hexo作为一个快速简洁的博客框架，用它来搭建博客真的非常容易。 我第一次接触Hexo是2018年，我开始是想自己用SpringBoot写一个博客系统，后来在实践的过程中，需要考虑几件事情： 前端页面的实现后端功能的实现数据库的维护服务器的维护考虑购买服务器的费用，还有前端功能的实现，这样的周期就拖得很长，也就没有去实践了。 经过一段时间的收集资料，发现有另外几种方案的实现，Wordpress, Hexo, Jekyll等， 既减少了服务器上的运维，也可以拥有好看的前端效果，而且整个搭建过程也是很简单的。那我们先来看看方案的对比，拓展一下眼界。 2. 方案对比【1】WordPress是什么？引用百度百科 WordPress是使用PHP语言开发的博客平台，用户可以在支持PHP和MySQL数据库的服务器上架设属于自己的网站。WordPress有许多第三方开发的免费模板，安装方式简单易用。WordPress需要会PHP和服务器，所以对于新手来说，还是有门槛的。 【2】Jekyll是什么？ 引用自官网：Jekyll 是一个简单的博客形态的静态站点生产机器。它有一个模版目录，其中包含原始文本格式的文档，通过一个转换器（如 Markdown）和我们的 Liquid 渲染器转化成一个完整的可发布的静态网站，你可以发布在任何你喜爱的服务器上。Jekyll 也可以运行在 GitHub Page 上，也就是说，你可以使用 GitHub 的服务来搭建你的项目页面、博客或者网站，而且是完全免费的。Jekyll需要的环境如下： RubyRubyGemsNodeJS或其他 JavaScript 运行环境（如果还没安装NodeJS的，可以参照我写的另一篇文章Mac下安装nvm和NodeJS）Python2.7(或2.7以上版本)看着这些环境，三哥就不想沾染了。 【3】Hexo是什么？ Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。Hexo的主题样式也有很多好看的，而且github都有star上万的。说明还是很受欢迎的。Hexo是基于Nodejs，目前也比较火，基于Nodejs搭建的脚手架，对于前后端还是很友好的。Hexo官方中文文档 3. 总结采用Hexo博客框架，来快速搭建属于自己的博客系统，在托管到Pages上去，可以省去服务器维护的时间和精力。

github + hexo 搭建博客大学时搭建过 github 博客，但是后来没怎么弄了。感觉有点折腾，就没有继续维护了，今天再来重新搭建一个博客。本文记录搭建操作。 预备知识：npm 命令；git 命令github 常见操作环境要求： nodegit我的环境： $ git versiongit version 2.15.1.windows.2$ node -vv8.11.1$ npm -v6.4.0安装 hexonpm i -g hexo-cli 在某个文件夹内初始化 hexo 博客所需要的文件 mkdir myBlog # /e/HexoPages 新建一个文件夹cd myBlognpm i # 安装npm 依赖得到如下目录： ├── _config.yml # 网站的配置信息，您可以在此配置大部分的参数。 ├── package.json├── scaffolds # 模版文件夹├── source # 资源文件夹，除 _posts 文件，其他以下划线_开头的文件或者文件夹不会被编译打包到public文件夹| ├── _drafts # 草稿文件| └── _posts # 文章Markdowm文件 └── themes # 主题文件夹本地预览博客： hexo s打开http://localhost:4000即可看到效果。 ...