hexo

首先放上搭建后的博客：https://blowingbreeze.github.io/ ，虽然目前啥都没有，但起码搭建之路走通了，下面介绍我是如何一步步搭建的： 首先当然是google一下，找找网上的教程了，一搜有一大堆，这里不进行列举，随意找一篇看一遍就行 注册github账号，这个不多说； 新建一个github仓库，入口就在你头像的旁边，页面的右上角，仓库名必须是 github账号名.github.io，这样github就知道你这个是一个博客仓库了，具体为什么呢，可以参考 github官方文档 ： 进入你仓库的主页，点击右边的Settings, 往下拉到GitHub Pages部分，你应该能看到类似的内容，如果没有的话，请检查仓库名，以及Source部分是否选择了Master branch 在你的本地计算机，新建一个目录（建议英文名），进入目录后，按下shift+鼠标邮件，打开命令行窗口 接下来的操作基本都使用命令行进行， 在开始之前，我们要先安装 node.js， node.js官方下载地址：https://nodejs.org/en/download/ ，下载完后运行，安装； 如果感觉使用官方的源安装文件比较慢的话，可以考虑替换为淘宝镜像：https://npm.taobao.org/ ， 具体操作这个链接或者其他博客有说明，这不是这篇博客的主题，暂不细讲；

发布到github 创建仓库,名称为用户名.github.io(这里由于我已经有了) 复制克隆地址(ssh的方式) 站点配置文件修改,在下方新建一个站点,格式如下 保存站点配置文件,清理,生成,发布即可 会提示你输入github的账号密码 可以将我们上篇的id_rsa.pub复制github的ssh密钥中 发布到gitee 新建仓库,仓库名称为个人用户名--* 切记语言选择JavaScript 到仓库复制仓库克隆地址(ssh) 修改配置文件,添加站点 保存站点配置文件,清理,生成,发布即可 会提示你输入github的账号密码 可以将我们上篇的id_rsa.pub复制github的ssh密钥中 next主题配置 克隆下next主题并更改站点主题为next 在站点目录下git bash git clone git@github.com:theme-next/hexo-theme-next.git themes/next 修改站点配置文件 theme: next 清理生成启动看一下基本样式 配置 配置中文,站点名称作者(站点配置文件,language字段) 改变样式(主题配置文件中schemes属性) 配置菜单(在主题配置文件中) 在站点目录下git bash hexo new page tags&&hexo new page categories&&hexo new page

3 月，跳不动了？>>> 该实践其实是一个目录操作规范，以易于使用为最终目的，将需要个性化和经常会变动的目录或文件独立出来，借助简单的 Shell 脚本进行 Hexo 的初始化及 NexT 主题的升级。 说明：来源于个人使用过程中的总结，可能并不适合所有人，仅供参考。 <!-- more --> 1. 最终目录结构 . ├── config_hexo.yml # 软链接到 Hexo 配置文件 ├── config_next.yml # 软链接到 NexT 主题配置文件 ├── core # Hexo 根目录，可自定义 │ ├── _config.yml -> ../config_hexo.yml # 个人修改后的配置文件 │ ├── _config.yml.bak # 原 Hexo 配置文件 │ ├── db.json │ ├── node_modules │ ├── package-lock.json │ ├── package.json │ ├── public │ ├── scaffolds │ ├── source -> ../source_hexo # 个人变动后的资源目录 │ ├── source_bak # 原 Hexo 资源目录的备份 │ └── themes │ ├── landscape # Hexo 默认主题根目录 │ └── next # NexT

学习网址： （1）hexo简介：参考网址http://www.zipperary.com/2013/05/28/hexo-guide-1/以及 https://hexo.io/zh-cn/docs/writing.html （2）搭建hexo博客：参考网址http://www.zipperary.com/2013/05/28/hexo-guide-2/ （3）hexo博客的配置，使用：参考网址http://www.zipperary.com/2013/05/29/hexo-guide-3/ （4）hexo博客的优化技巧：参考网址http://www.zipperary.com/2013/05/30/hexo-guide-4/ 参考网址 http://www.zipperary.com/2013/06/02/hexo-guide-5/ （5）Hexo 使用中遇到的问题总结 　　部署提示找不到git 解决办法： 在Hexo 3.0版本后 deploy git 被分开的，所以需要安装，安装命令如下: npm install hexo-deployer-git --save ,安装好后在尝试一下就ok。 部署提示 ｀event type error ***｀ 安装了 git bash 没有配置到环境变量 path 中，添加进去在试试。 部署的时候执行： hexo deploy

3 月，跳不动了？>>> 写在前面的话 其实我也是这两天才接触到Hexo，之前是用的wordpress在阿里云上挂着。觉得Hexo好像更符合现在我的审美，so, do it! 嗯前面安装git和node.js我这边就省略掉了。作为一个爱搞事的，这些东西电脑上都有 还有就是我照着网上的教程是没问题，但是走到一些页面的小功能的时候，就不起作用了，可能是版本更新不兼容了 <!-- more --> 一. 安装Hexo，初始化 npm install -g hexo 全局安装Hexo 创建一个文件夹如blog，不用进去（可以用 hexo -v 检验是否安装成功） hexo init blog 初始化这个blog和文件夹名字要一样，否则又创建个新的 npm install 安装所需要的依赖 后面就 hexo s -g 就是发布之前先生成静态文件 ，s:server，g:generate，访问下localhost:4000看ok不（不起作用，提示什么 hexo <commands> 什么东西了，就进到blog的目录下，使用hexo命令） 应该没有5了，如果上面没成功，那你去搜搜别人的初始化都怎么弄的，然后再回来看我剩下的实践 二. 创建github公开库 有个point就是创建Repository的名字格式是 username.github.io，（看到有的博主只用的username就行

Hexo常用指令 大部分都是从官网复制粘贴，会持续更新 此后会写一篇，修改Hexo主题的教程，或者Hexo工作流程剖析 Hexo的目录结构: . ├── _config.yml ├── package.json ├── scaffolds ├── source | ├── _drafts | └── _posts └── themes package.json { "name": "hexo-site", "version": "0.0.0", "private": true, "hexo": { "version": "" }, "dependencies": { "hexo": "^3.0.0", "hexo-generator-archive": "^0.1.0", "hexo-generator-category": "^0.1.0", "hexo-generator-index": "^0.1.0", "hexo-generator-tag": "^0.1.0", "hexo-renderer-ejs": "^0.1.0", "hexo-renderer-stylus": "^0.2.0", "hexo-renderer-marked": "^0.2.4", "hexo-server": "^0.1.2" } } scaffolds Scaffold folder.

今天给大家分享一个 Web 知识点。如果你有过一段时间的 Web 开发经验，可能已经知道了。不过对于刚接触的新手来说，还是有必要了解一下的。 我们知道，网页里的 a 标签默认在当前窗口跳转链接地址，如果需要在新窗口打开，需要给 a 标签添加一个 target="_blank" 属性。 <a href="http://kaysonli.com/" target="_blank">1024译站</a> 顺便提下一个有意思的现象，很早之前我就发现，国外网站倾向于在当前页跳转，而国内网站喜欢打开新窗口。不信你们可以去验证下。我不知道这是交互设计上的文化差异，还是技术上的开发习惯。 当然，这两种方式各有优缺点。当前页跳转显得操作比较有连贯性，不会贸然打断用户的注意力，也会减少浏览器的窗口（tab 页）数量。但是对于需要反复回到初始页面的场景来说，就很麻烦了。比如搜索结果页面，通常需要查看对比几个目标地址，保留在多个窗口还是比较方便。 今天要说的不只是用户体验上的差别，而是涉及安全和性能。 安全隐患 如果只是加上 target="_blank" ，打开新窗口后，新页面能通过 window.opener 获取到来源页面的 window 对象，即使跨域也一样。虽然跨域的页面对于这个对象的属性访问有所限制，但还是有漏网之鱼。 这是某网页打开新窗口的页面控制台输出结果。可以看到 window

1. 问题引入 之前在使用tomcat的时候，启动tomcat默认都会绑定到127.0.0.1这个地址，最近在使用hexo写博客的时候发现通过 hexo server命令启动服务的时候绑定的ip地址是0.0.0.0。那么这两个IP地址到底有什么不同呢? 在讲解两个地址的不同之前，我们先回顾一下IP地址的基础知识。 2. IP地址分类 2.1 IP地址表示 IP地址由两个部分组成，net-id和host-id，即网络号和主机号。 net-id:表示ip地址所在的网络号。 host-id：表示ip地址所在网络中的某个主机号码。 即： IP-address ::= { <Network-number>, <Host-number> } 2.2 IP地址分类 IP地址一共分为5类，即A～E，它们分类的依据是其net-id所占的字节长度以及网络号前几位。 A类地址:网络号占1个字节。 网络号的第一位固定为0。 B类地址： 网络号占2个字节。 网络号的前两位固定为10。 C类地址： 网络号占3个字节。 网络号的前三位固定位110。 D类地址： 前四位是1110，用于多播(multicast)，即一对多通信。 E类地址： 前四位是1111，保留为以后使用。 其中，ABC三类地址为单播地址（unicast),用于一对一通信，是最常用的。 2.3 特殊IP地址 特殊IP地址就是用来做一些特殊的事情

本文主要是关于 评论系统 在 hexo-yilia 主题中的添加和配置。使用主题： hexo-theme-yilia-plus 常用系统 目前hexo可用的评论系统比较多，如：畅言、来必力、Disqus、Gitment、gitalk、utterances、Giteement、valine等等。不过有些已关停服务。 这里列举五个hexo常用的评论系统： 1、 gitment ：基于GitHub issue的评论系统，可参考： 简书 ； 2、 gitalk : 基于GitHub issue的评论系统，可参考： gitalk ； 3、 utterance : 基于GitHub issue的评论系统，可参考： 详情 4、 giteement : 码云评论系统，国内用户建议使用这个，相对比较快， 详情 ； 5、 valine : valine 评论系统，到 leancloud 进行注册。 1.Gitment配置 首先要注册 OAuth Application 当别人评论你的文章时，会需要它是授权。 注册成功后，会获取到 Client ID/scerct ，需要填入配置文件中。 打开文件 themes\yilia-plus\_config.yml , 修改配置： gitment_owner : '' # 你的 GitHub ID (github 账户名) # 是否使用官方js

欢迎到我的博客查看最新文章: https://blog.cloudplayer.site 本篇博客基于 Centos 7.x root 用户. 　　最近利用 Hexo + Github Pages 搭建了一个博客, 总体来说比较满意, 中间也踩了不少坑. 于是将我的配置过程全部记录下来, 就有了这篇博文. 　　关于 Hexo 搭建配置的博文网上还是挺多的, 但是零零散散, 这篇博文就当成是一个大合集吧. 废话不多说, 下面开始我们的正篇. 搭建 准备环境 安装 Git sudo yum install git-core 安装 Node.js wget -qO- https://raw.github.com/creationix/nvm/master/install.sh | sh source ~/.bash_profile nvm install stable 安装 Hexo mkdir hexo npm install -g hexo-cli cd hexo/ hexo init 测试服务 hexo server 这时你可以打开浏览器访问 http://localhost:4000 就可以看到你刚刚搭建成功的博客页面了. 当然如果你使用的是云服务器, 那么同样可以打开 (云服务器的 ip):4000 来访问博客. 将博客部署到 Github 把博客部署到 Github