今天参考的是大神的教程,学了一个新东西,但是可能由于原教程中运用的npm包与我当前使用的npm包版本不同的原因,有出过多处运行错误,但都在此教程中解决了; 总结了下命令: npm install hexo -g  全局安装 hexo -v  查看当前版本 hexo init 初始化 hexo install  安装组件 hexo g 生成加载页面 hexo s 开启服务 http://localhost:4000/ npm install --save hexo-deployer-git  部署…

摘要 GitHub 是一个开源项目的托管网站,相信很多人都听过.在上面有很多高质量的项目代码,我们也可以把自己的项目代码托管到GitHub,与朋友们共享交流.GitHub Pages 是Github为大家提供的一项服务,不仅能为托管的项目建立主页,还可以为我们建立个人博客.下面我就介绍个人博客是如何建立的.在使用GitHub Pages建立个人博客前,我们象征性地了解一下GitHub Pages建立的页面有哪些优点: 极简的配置,轻量级系统,无需数据库 使用标记语言,如Markdown 使用Gi…

该系列博客列表请访问:http://www.cnblogs.com/penglei-it/category/934299.html 摘要 GitHub 是一个开源项目的托管网站,相信很多人都听过.在上面有很多高质量的项目代码,我们也可以把自己的项目代码托管到GitHub,与朋友们共享交流.GitHub Pages 是Github为大家提供的一项服务,不仅能为托管的项目建立主页,还可以为我们建立个人博客.下面我就介绍个人博客是如何建立的.在使用GitHub Pages建立个人博客前,我们象征性地了…

注意 本文主要针对Windows平台和Hexo 3.x 准备工作 下载Git [下载地址] [Git官网](https://git-scm.com/download/) 下载Node.js [下载地址] [node.js官网](https://nodejs.org/en/) 32位或64位按自己电脑的系统来选择,如果不清楚,可以直接在官网下载32位的,可以兼容64位系统 安装软件 分别安装git和node.js安装包,一路下一步即可. 配置git 配置本机上git的全局用户名和密码 安装完Git…

一.前期准备 1.注册GitHub账号. 不做说明 2.创建仓库 创建一个新的仓库来放置我们的文件. 3.下载安装Node.js https://nodejs.org/en/   两个版本,选择右边那个最新版 4.下载安装git https://www.git-scm.com/download/ 5.检查安装 打开你的cmd命令窗口 检查Node.js node -v npm -v 检查git git --version 右键也可以看到你git bash 准备工作结束,开始搭建博客! 二.建立静…

前言 Hexo 是一个快速.简洁且高效的博客框架.Hexo 使用 Markdown (或其他渲染引擎 )解析文章, 在几秒内,即可利用靓丽的主题生成静态网页. 安装 安装前提 安装 Hexo 相当简单.然而在安装前,您必须检查电脑中是否已安装下列应用程序: Node.js Git 如果您的电脑中已经安装上述必备程序,那么恭喜您!接下来只需要使用 npm 即可完成 Hexo 的安装. $ npm install -g hexo-cli 如果您的电脑中尚未安装所需要的程序,请根据以下安装指示完成安装…

0x00  install Node.js and git 安装Node.js:http://www.runoob.com/nodejs/nodejs-install-setup.html 安装git:下载地址:http://git-scm.com/download/ 0x01 安装Hexo 1.在D盘新建个hexo文件夹 $ cd d:/hexo $ npm install hexo-cli -g $ hexo init blog $ cd blog $ npm install $ hexo…

写在前面 注:博主 Chloneda:个人博客 | 博客园 | Github | Gitee | 知乎 本文源链接:https://www.cnblogs.com/chloneda/p/hexo.html 本文档是Github + Hexo 的搭建个人博客教程,其中Hexo基于Hexo v3.8.0版本,themes主题基于为NexT v7.0.0版本. 搭建博客前置条件可参考 如何搭建个人独立博客? 个人博客地址: Chloneda's blog 安装主题 在 Hexo 项目源码目录下,有两个…

原文链接 GitHub+Hexo 搭建个人网站详细教程 前言: 随着互联网浪潮的翻腾,国内外涌现出越来越多优秀的社交网站让用户分享信息更加便捷.然后,如果你是一个不甘寂寞的程序猿(媛),是否也想要搭建一个属于自己的个人网站,如果你曾经或者现在正有这样的想法,请跟随这篇文章发挥你的Geek精神,让你快速拥有自己的博客网站,写文章记录生活,享受这种从0到1的过程. 你见过的最棒的个人博客界面是什么样的? 什么是Hexo ? Hexo是一款基于Node.js的静态博客框架,依赖少易于安装使用,可以方便…

前言 记得从大二开始,就一直想搭个专属网站,当时使劲抠页面[前端页面是从QQ空间抠的,现在想抠估计没这么容易了],写代码,忙活半天才把程序弄好. 可惜最终项目还是没上线,因为当时有两问题绕不开 需要购买服务器[服务器太贵,现在便宜的阿里云服务器每月都需100左右]. 需要运维管理[麻烦且危险,服务器宕了可能丢失数据]. 最近了解到 github + hexo 能完美解决上述问题,啥也不说了,直接开干 ^.^ 相关网站 搭建教程网上比比皆是,此处不累赘,下面是搭建过程中用到的相关网站: hexo中…

前言 记得从大二开始,就一直想搭个专属网站,当时使劲抠页面[前端页面是从QQ空间抠的,现在想抠估计没这么容易了],写代码,忙活半天才把程序弄好. 可惜最终项目还是没上线,因为当时有两问题绕不开 需要购买服务器[服务器太贵,现在便宜的阿里云服务器每月都需100左右]. 需要运维管理[麻烦且危险,服务器宕了可能丢失数据]. 最近了解到 github + hexo 能完美解决上述问题,啥也不说了,直接开干 ^.^ 相关网站 搭建教程网上比比皆是,此处不累赘,下面是搭建过程中用到的相关网站: hexo中…

1.前言 其实早在这之前我就一直想过写博客,但由于种种原因一直没有去学习这方面的知识,最近半个月(从开始动手到搭建好)一直陆陆续续的在着手这方面的工作.从开始到搭建完成的过程中遇到了很多困难,因为在这之前对Github一点了解都没有导致满头雾水,不断的跳进一个又一个坑,甚至想过放弃.但最后结果想必都知道了.在写如何搭建之前我觉得我们应该先从头开始了解. 那么我为什么要建立自己的博客?——引自:为什么你要写博客?—陈素封 1.“提高将事情讲清楚的能力”. 在写博客之前你需要花更多的时间来表达出你的…

前言 在很久以前,博主就想着要有自主的博客专栏或者网站.经历了博客园这个需要所谓的编辑审核,一直比较困惑,这些编辑是什么出身,怎么知道技术博客的价值性. 接下来找到了开源中国,这个可以自由发言的地方.不过,不知道是不是受众面不广,访问量都不是很理想. 再然后就来自己动手开始搭建博客.从手写html发布文章,到使用jekyll,最后到了hexo阵营. 终于,有种找到家的赶脚.hexo不仅搭建方便,而且在后续的功能扩展以及文章发布都是非常方便的.不仅如此,还可以本地调试,预览效果.最方便的是支持ma…

喜欢的话请关注我的个人博客我在马路边https://hhongwen.cn/,此文为博主原创,转载请标明出处. 更好的阅读体验请点击查看:Hexo+GitHub+Netlify一站式搭建属于自己的博客网站 "吾生也有涯,而知也无涯." 都说每个做技术的人都应该有一个属于自己的博客网站,但是总是因为种种事情半途而弃,借着刚刚搭建完博客的热情写一下是如何搭建此博客的,其实现在搭建博客很简单,这套博客就是采用 Hexo + Github + Netlify 搭建的静态博客网站. 博客运行流程…

开发背景:年后回来公司业务不忙,闲暇时间了解一下node的使用场景,一篇文章吸引了我15个Nodejs应用场景,然后就被这个hexo框架吸引了,说时迟,那时快,赶紧动手搭建起来,网上找了好多资料一天时间才搭建完成,我的博客地址:博客,记录一下过程,以便以后学习. 开始搭建 学习新框架的一般步骤: 中文文档撸一遍,跟着做(Hexo中文文档),一般都会有各种问题出现,当然直接成功的也有,很不幸,我就是出现问题的那一类,没关系,出现问题,解决问题的过程,才能学到更多东西: 上网找一些hexo使用的教程…

前言 点此转到--精简版 可能很多小伙伴都有搭建一个属于自己的博客的想法.但是经常是无奈于自己匮乏的知识.但是,每个老手都是新手过来的,再困难的事情,只要肯花一点时间都可以办成. 本次教程分为详细版和精简版. 精简版,顾名思义,废话 少说,重在操作. 详细版,重在拓展基础知识,并且通俗易懂的讲解.大家可以按需取用. 另外,文章末尾常见问题部分写了几个新手经常忽略的点 & 遇到的坑 建议大家在遇到问题的时候,先ctrl+F在此页面先搜索,找不到再百度或谷歌. 前期准备 搭建前需要知道的 一个网站的…

开始 在安装hexo之前,必须确认你已经安装了Node.js和Git,并且注册了一个Github账号. 1.创建Github仓库 1) 仓库名为xxx.github.io 创建一个以"用户名.github.io"命名的仓库,如我的用户名为mroccyen,那我的仓库名为:mroccyen.github.io,仓库默认有master分支,用于托管生成的静态文件,再新建一个develop(名字自定)分支,用于托管后台文件,方便以后换电脑时后台文件不会丢失. 2) 仓库名为其他名称,如myb…

github提供的page,hexo提供的静态博客文档,这样可以搭建一个自己的一个博客网站. 使用github pages服务搭建博客的好处有: 全是静态文件,访问速度快: 免费方便,不用花一分钱就可以搭建一个自由的个人博客,不需要服务器不需要后台: 可以随意绑定自己的域名,不仔细看的话根本看不出来你的网站是基于github的: 数据绝对安全,基于github的版本管理,想恢复到哪个历史版本都行: 博客内容可以轻松打包.转移.发布到其它平台: 一.github相关设置 1.在github上创建一…

详细的可以查看hexo博客的演示:https://saucxs.github.io/ 绑定了域名: http://www.chengxinsong.cn hexo+github博客网站源码(可以clone,运行,看到博客演示.觉得可以给颗星星):https://github.com/saucxs/hexo-blog-origin.git 一.搜索引擎收录 1.验证网站所有权 登录百度站长平台:http://zhanzhang.baidu.com,只要有百度旗下的账号就可以登录,登录成功之后在站点…

详细的可以查看hexo博客的演示:https://saucxs.github.io/ 绑定域名可以查看:http://www.chengxinsong.cn 可以查看在github上生成的静态文件(如果觉得可以请给颗星星):https://github.com/saucxs/saucxs.github.io.git 注意1:怎么避免 .md 文件被解析? Hexo原理就是hexo在执行hexo generate时会在本地先把博客生成的一套静态站点放到public文件夹中,在执行hexo depl…

前言 使用github pages服务搭建博客的好处有: 全是静态文件,访问速度快: 免费方便,不用花一分钱就可以搭建一个自由的个人博客,不需要服务器不需要后台: 可以随意绑定自己的域名,不仔细看的话根本看不出来你的网站是基于github的: 数据绝对安全,基于github的版本管理,想恢复到哪个历史版本都行: 博客内容可以轻松打包.转移.发布到其它平台: 等等: 1.1. 准备工作 在开始一切之前,你必须已经: 有一个github账号,没有的话去注册一个: 安装了node.js.npm,并了解…

参考博客: 我是如何利用Github Pages搭建起我的博客,细数一路的坑 使用Hexo+Github一步步搭建属于自己的博客(基础) Hexo 准备工作: 本机已安装好 git, npm 和 node 上面3个没弄好的,请自行百度~ github创建项目: 1.github创建了账号和项目,项目必须要遵守格式:账户名.github.io.并且需要勾选Initialize this repository with a README 2.点击项目中的Settings 菜单栏,向下拉到GitHub…

GitHub+Hexo 搭建个人网站 转自 https://www.sufaith.com/article/561.html 一.创建GitHub Pages站点 GitHub Pages是一种静态站点托管服务,旨在直接从GitHub仓库托管您的个人,组织或项目页面.每个GitHub帐户和组织都有一个站点. 1.新建仓库 访问GitHub官网 https://github.com 登陆GitHub账号,新建仓库,名称固定格式为: <username>.github.io 其中username是…

导语 个人兴趣爱好特别广泛,喜欢捣鼓各种小东西自娱自乐.虽然都没能深入研究,但是自己的“孩子”还是很想拿出来遛遛得人一句夸奖的.所以刚学 Markdown 的时候很是有想过要搭个个人博客来玩玩,一来激励自己练习 Markdown,二来也是展示一下自己的“劳动成果”.可惜第一次尝试 Github + Jeckyll 的搭配没能一次成功,忙起来了也就把这事儿放一边了.最近因为微信普通公众号不支持页面内插入多个链接(想做个集合贴链接到自己的不同作品),就又想着还是自己搭个网站吧.改变策略使用 Gith…

这是搭建个人博客系统系列文章的最后一篇,如果你是从第一篇一路跟下来的,那么恭喜你,即将完成整个博客网站的搭建.OK,话不多说,开始我们的收官之战. 不知你想过没有,如果我们的文章少,一眼看完整个目录,那么还好.但是如果日积月累几年下来,我们的文章增加到 100+ 以上,那么不管是你博主,还是访问用户,如何去快速找到所需的文章呢.这时我们就需要用到搜索了. 还有就是我们的文章最终是要让其他人看的,而不是我们自娱自乐.除了到各大平台引流到自己的博客系统外,最好让搜索引擎也收录我们的文章.常用的搜索引…

之前说了 next 主题的优化和接入评论系统.让我们完成了自己所需的页面风格和排版,也可让访问用户在每篇博文评论,完成博主和访问用户的交互. 本章我们继续讲解其他重要功能. 既然是一个网站,那么我们就需要收集网站访问数据,提供流量趋势.来源分析.转化跟踪.页面热力图.访问流等多种统计分析服务:这时我们就需要引入——百度统计. 上述的统计只能在百度统计中查看,但我想在自己的网站页面直接就能看一些简单的数据.比如:网站访问人数,访问次数,每篇文章访问次数,网站总字数,每篇文章字数,阅读时长估算等.那…

静态站点拥有一定的局限性,因此我们需要借助于第三方服务来扩展我们站点的功能. 而评论系统是最常用于和网站用户交流的,因此本章讲解在 next 主题,如何接入评论系统. 参考网站:Next 使用文档,第三方服务集成 http://theme-next.iissnan.com/third-party-services.html 常用评论系统 考虑到国内整体互联网环境,因此评论系统除了考虑到长期可用外,还需要考虑不会被屏蔽.因此在这里推荐三款评论系统. 来必力 虽然是韩国的「撇开政治因素」,但是UI设…

上篇我们说了 hexo 的优化,针对的站点的优化. 本篇讲解 next 主题的优化,包括:使用语言.前端页面显示宽度.菜单.侧栏.头像.添加或取消动画效果.打赏功能等等. 让页面排版更符合我们所要的功能和所想的风格. 可参考网站 http://theme-next.iissnan.com/getting-started.html 主题设定 选择 Scheme 修改 next 主题配置文件. [root@zhangblog next]# pwd /app/softinsall/hexo/theme…

上两张文章,我们说了 hexo 部署.主题的切换.博文的创建.MarkDown 简单使用和 hexo 部署到 GitHub Pages. 也说了我们会使用 next 主题做为我们后期博客的使用和维护.但是该主题的原生态,可能或多或少不满足我们当前的需求,因此需要我们对其进行优化,达到我们想要的效果. 因此这篇文章和下篇文章主要就是针对主题的优化进行书写的. 注意事项 1.优化完毕或者新建博客后需要 hexo g 生成静态文件: 2.然后重新启动服务,使用命令 hexo s -p 80 3.浏览器…

之前的这篇文章<Linux下使用 github+hexo 搭建个人博客01-hexo搭建>,相信大家都知道怎么搭建 hexo ,怎么切换主题,并且完成了一篇博文的创建,以及 MarkDown 标记语法的用法.如果还不清楚或者不知道的,那就先回去看看这篇文章. 那么我们接下来就需要将 hexo 和 GitHub Pages 结合了,为什么要结合呢?因为当前我们的博客还是在本地机器,如果因为我们不小心删了数据,或者购买的云服务因为没有及时续费,导致机器被释放了,那我们就永久失去了这些数据. 因此如…