前言 搭建个人博客一般有两种选择,一个是使用WordPress,但是需要将博客搭建在服务器上,不过搭建好后写文章方便,适合没有程序基础的人使用.另一个是使用Hexo,相对简洁高效,不需要服务器,既可以部署在本地,也可以将博客部署到GitHub Pages上,支持Markdown语法,缺点是需要有Git基础,写文章比WordPress麻烦点. 初次使用Hexo来搭建个人博客,确实比较手忙脚乱,这里记录一下流程,希望对大家能有所帮助. (注:本文是只针对Windows平台的搭建教程) 可以点击这里查…
前言 前面一篇文章介绍了Travis自动部署Hexo的常规使用教程,也是个人比较推荐的方法. 前文最后也提到了在Windows系统中可能会有一些小问题,为了在Windows系统中也可以实现使用Travis自动部署Hexo,本文介绍另外一种方式来实现. 是通过GitHub API来实现的,用到了Linux中的sed命令. 新建Access Token Personal Access Token是用于操作repo的口令. 点击用户图像,然后点击Settings(设置)选项. 进入设置面板后,点击左侧…
前言 前面两篇文章介绍了在github上使用hexo搭建博客的基本环境和hexo相关参数设置等. 基于目前,博客基本上是可以完美运行了. 但是,有一点是不太好,就是源码同步问题,如果在不同的电脑上写文章会非常不方便. 是因为hexo使用的部署命令是把生成好的静态文件上传到仓库中的,所以,在其他电脑上同步下来的只是静态文件而已,不是源码. 到这里就会想到能不能这样:将源码同步到远程仓库后,可以实现自动生成部署呢? 答案是肯定的,可以通过Travis CI来实现. 那么,本文就介绍一下Travis…
前言 前文手把手教从零开始在GitHub上使用Hexo搭建博客教程(一)-附GitHub注册及配置介绍了github注册.git相关设置以及hexo基本操作. 本文主要介绍一下hexo的常用参数设置. 配置文件说明 网站配置文件是在根目录下的**_config.yml文件,是yaml格式的. 所有的配置项后面的冒号(:)与值之间要有一个空格.** 官方配置文件说明 # Hexo Configuration ## Docs: https://hexo.io/docs/configuration.h…
前言 有朋友问了我关于博客系统搭建相关的问题,由于是做开发相关的工作,我给他推荐的是使用github的gh-pages服务搭建个人博客. 推荐理由: 免费:github提供gh-pages服务是免费的,有300MB空间: 开源:由于github开源的原因,有很多人参与其中,自然技术支持很好. 便捷:博客完全托管在github上,基本上不需要花时间去管理,博客使用Markdown语法,上手很容易. 需要了解的内容(能掌握更好): html+css+javascript git基本语法 markdo…
快速.简洁且高效的博客框架 有位大神说,喜欢写博客的人的人,折腾博客会经历三个阶段.找到一个免费空间,搭建一个博客,很欣喜,很有成就感,此为一阶段:受限免费空间各种限制,自己买空间和域名,实现对博客的完全控制,此为二阶段:管理网站太累,只想安安静静码文字,管理网站这种琐事,交给专业的人士去打理吧,此为博客人生的最高阶段. 对于我这种完美控的人,既入了坑,自然是要直达最高阶段了.所以,现在我主机在手,域名也有,网站基本框架建好,一下子实现了少操心,多码字的幸福生活.不过,总觉得过程如白驹过隙,太短…
文章主要描述了利用github page,hexo静态博客框架以及disqus来搭建个人静态博客的详细步骤. github page用来搭建博客的主页,hexo用来更改博客主题.发布文章等等,并通过配置文件和Disqus来添加评论功能. 具体步骤如下 环境要求 安装Node,官网下载安装,用来生成静态页面 安装Hexo,sudo npm install hexo -g,一个基于node的开源静态博客框架 安装Git,Mac系统可以直接下载安装下载链接 github账号,没有可以自行注册,配置ss…
本章主要讲博客的个性化,譬如站点的基本配置(语言.头像.站点图标等).安装新的Hexo主题(NexT主题)以及主题的配置. 1. 修改站点配置 打开站点配置文件 ,找到: # Site title: Hexo subtitle: description: keywords: author: John Doe language: timezone: 根据自己的需要去修改上边的配置,这些配置的注释如下: # Site # 站点标题 title: Hexo # 站点副标题 subtitle: # 站点…
本章讲的是如何将本地的个人项目远程部署到 GitHub Pages,涉及到GitHub的项目仓库.Git的使用,以及Hexo的远程部署等. 1. 安装 hexo-deployer-git 插件 想要将Hexo项目部署到 GitHub上,需要先安装一个插件.在Hexo项目的根目录打开命令窗口,输入: npm install hexo-deployer-git --save 2. GitHub上创建一个仓库 仓库的名字可以随便起,不过这个仓库是作为我们的博客仓库的,所以尽量将名字以 {usernam…
非常感谢这位博主,找了几个星期终于找到了 https://www.dusaiphoto.com/article/article-detail/4/…
title: 基于Hexo且在GitHub上搭建博客 Welcome to Fofade's Blog! 搭建初衷 大大小小,大学两年,玩了很多,也学了很多. 回首望之,曾经不知道的,现在是知道了,但曾经会的,现在却不会了. 为了不让自己毫无价值,亦为了让自己不再相同问题找半天,我想到了写博客. 之前在服务器上写过,但总是因为这样或那样的原因,写下的博客丢失了很多. 我尝试过CSDN之类的第三方博客系统,我无法忍受他们的主题以及广告. 经过仔细研究与思考,最终确定在GitHub落脚. Git指令…
前言:博主目前大三,Web 前端爱好者.写博客的好处,不是为了写而写,而是一个记录思想的过程.不要考虑它能带给你什么,而是你自己从中收获了什么. 最近刚好有空,于是就参照网上的各种教程,搭建了一个博客.现在把 Hexo + GitHub Pages 搭建博客的完整过程记录下来: 个人博客地址:http://www.lovebxm.com 大概流程: 1. 搭建 Node.js 环境 2. 搭建 Git 环境 3. GitHub 注册和配置 4. 安装配置 Hexo 5. 关联 Hexo 与 Gi…
闲谈 拿出你的气质,打开你的电脑,借你半小时搭建好属于你的hexo博客,小生用dockerfile自动帮你搭建好:你只需要在你的mac或linux或windows上提前把docker安装好,如何安装不是我的重点,请参考Docker安装:作为程序员,博客就像你的影子,我都已经忘了内心曾经多少次告诫自己,一定要搭建一个属于自己的技术博客,奈何日复一日过去了,近来终于落实到行动上来,所谓明日复明日,明日何其多,早晚要做的事,劝君晚做不如早做. 搭建Hexo 获取基础镜像 Docker安装成功之后方能进…
原文链接:超详细Hexo+Github博客搭建小白教程 去年9月的时候开始搭建了第一个自己的独立博客,到现在也稍微像模像样了.很多小伙伴应该也想过搭建一个自己的博客,网上也有一堆详细教程.我在此稍稍总结一下具体的搭建步骤,另外网上很少有修改博客源码的个性化教程,我就稍稍分享一下我的一些修改经验,更多的个性化操作需要你自己以后去摸索. 具体效果可以参观我的博客:godweiyang.com,欢迎大家支持. 我不是一个前端程序员,有些东西不是很了解,说的不好大家见谅. 首先要了解一下我们搭建博客要用…
本篇教程首次发布在个人博客:sunhwee.com,想要获得最佳阅读体验,欢迎前往,建议用电脑查看教程文档. # 阅读须知 注意,这篇文章篇幅较长,主要针对新手,每一步很详细,所以可能会显得比较啰嗦,所以建议基础比较好小伙伴根据目录选择自己感兴趣的部分跳着看,不要文章没看,上来先喷一下!谢谢( ⊙ o ⊙ ). 教程内容随意复制使用,引用的话请加一个参考链接,谢谢! # 博客开源 倒腾了一两周总算把个人博客网站完善了,目前这个版本使用应该是够了,当然还有一些优化项和功能增加后续在慢慢更新,为了回…
搭建自己的个人博客. 准备工作 确保电脑需要已下载安装node和npm.查看安装是否成功,windows只需在命令行输入以下两条命令即可. 1 2 $ node -v $ npm -v 安装hexo 安装hexo 1 $ npm install -g hexo 检测hexo版本来确保hexo是否成功安装 1 $ hexo v 注:可能报错,可以试试执行 1 npm install hexo --no-optional 进入本地工程目录,初始化hexo 1 2 $ cd blog $ hexo i…
听说github上可以搭博客,而且不用自己提供空间和维护,哈哈哈 作为一名程序猿,github搭博客对我有种神奇的吸引力,赶紧动手试一试 关于如何使用hexo搭建博客网上好的教程多如牛毛,而且这篇博客也是在我搭完之后才写的,所以就不写搭建的详细过程了. 说一说我在搭建过程中所遇到的一个重大问题: 使用hexo+github搭建博客时是现在本地搭建好运行"hexo s",然后浏览器输入"localhost:4000"访问搭建好的博客来查看效果的,所以在最开始的时候我先…
基于Hexo搭建博客并部署到Github Pages 之前在简书上写东西,觉得自己还是太浮躁.本来打算用Flask自己写一个,以为是微框架就比较简单,naive.HTML.CSS.JS等都要学啊,我几乎没有这方面的基础,写到Web表单那儿果断弃了,转向简单的Hexo + Github Pages.不过要想搭建博客的同时巩固Python,Flask确实是一个不错的选择. 获取Github Pages 去Github官网注册账号 新建一个repo,注意名称一定是your_username.githu…
引言     之前用阿里云弹性web托管采用wordpress搭建的个人博客,经过我使用一段时间之后发现存在很多问题: 网站的响应速度非常慢,估计打开主页需要3-4s的时间,我经过搜索发现很多人都有这样的问题,所以应该不是wordpress的锅,而是阿里云弹性web托管的问题,毕竟我买的时候一年只要几百块,而且还是最便宜的经济版(内存128M+2G网页空间+4G流量+1G数据库).其实我后来才知道弹性web托管是一个啥玩意 ,和虚拟机差不多,性能非常有限.可惜我当时不知道啊,否则应该买云虚拟主机…
前言 在很久以前,博主就想着要有自主的博客专栏或者网站.经历了博客园这个需要所谓的编辑审核,一直比较困惑,这些编辑是什么出身,怎么知道技术博客的价值性. 接下来找到了开源中国,这个可以自由发言的地方.不过,不知道是不是受众面不广,访问量都不是很理想. 再然后就来自己动手开始搭建博客.从手写html发布文章,到使用jekyll,最后到了hexo阵营. 终于,有种找到家的赶脚.hexo不仅搭建方便,而且在后续的功能扩展以及文章发布都是非常方便的.不仅如此,还可以本地调试,预览效果.最方便的是支持ma…
一.前期准备 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 准备工作结束,开始搭建博客! 二.建立静…
欢迎访问我的个人博客皮皮猪:http://www.zhsh666.xyz 今天教大家怎么用hexo快速搭建自己的博客.我不是专业人士,不懂前端知识,所以我十分讨厌那些专业术语,讲了一大堆,对于技术小白来说,就像听天书一样,云里雾里的.所以下面的内容都是我自己的理解,语言很通俗,有可能说的不那么专业,还望专业人士勿喷. 首先声明一点,刚开始搭建博客会比较麻烦,有很多东西大家可能以前没有听说过,不要怕,耐着性子一边看教程一边动手操作,你一定能够做出来的!好吧,废话不多说,现在开始! hexo hex…
# 前言 你了解[Hexo]( https://hexo.io/zh-cn/ "Hexo官网")吗? Hexo是一个静态博客框架,基于Node.js,将Markdown文章通过渲染引擎,生成一个静态网页,再结合Git命令(ssh),Hexo 是一个快速.简洁且高效的博客框架.Hexo 使用 [Markdown](http://daringfireball.net/projects/markdown/)(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页. 几个月前偶然间…
关于其他搭建 [hexo4快速搭建博客(二)更换主题](https://blog.csdn.net/weixin_41800884/article/details/103750634)[hexo4快速搭建博客(三)美化 很全面 收集很多资料](https://blog.csdn.net/weixin_41800884/article/details/103750636)[hexo4快速搭建博客(四)写作技巧包含图床和自动变图床的插件](https://blog.csdn.net/weixin_4…
文章目录 其他搭建 1. 添加博客图标 2. 鼠标点击特效(二选一) 2.1 红心特效 2.2 爆炸烟花 3. 设置头像 4. 侧边栏社交小图标设置 5. 文章末尾的标签图标修改 6. 访问量统计 7. 添加站内搜索 8. 启动阅读更多按钮 9. 文章顶置(二选一,看看哪种简单) 9.1 方法一 9.2 方法二 10. 在文章底部增加版权信息 10.1 方式一 10.2 方式二(比较麻烦,但是好看) 11. 添加打赏 12. 文章加密访问 13. 启动代码复制按钮 14. 在Footer添加站点…
前言 博客有第三方平台,也可以自建,比较早的有博客园.CSDN,近几年新兴的也比较多诸如:WordPress.segmentFault.简书.掘金.知乎专栏.Github Page 等等. 这次我要说的就是 Github Page + Hexo 搭建个人博客的方式!Github Page 是 Github 提供的一种免费的静态网页托管服务(所以想想免费的空间不用也挺浪费的哈哈哈),可以用来托管博客.项目官网等静态网页.支持 Jekyll.Hugo.Hexo 编译静态资源,这次我们的主角就是 He…
利用Hexo搭建博客 以前用Octopress搭过博客,折腾了好久才弄出来,当时看到那巨难看的默认主题,繁琐的操作,一点写东西的欲望都没了. 一次逛微博,看见了Hexo.尝试了一下,真的很好用哦. 下面记录下流程: 安装node 1 brew install node 最新版的node.js已经集成了npm包.所以只需验证一下node,npm是否安装成功. 12 node -vnpm -v 安装Hexo 1 npm install hexo -g 初始化 1 hexo init blog (我起…
服务加速 brew 加速 http://blog.suconghou.cn/post/homebrew-speedup/ github加速 http://www.selfrebuild.net/2016/11/01/github-fast-host/ 零基础搭建博客 brew 安装指定版本的 nodejs http://blog.csdn.net/jonahzheng/article/details/51967438 hexo 命令创建博客 http://blog.csdn.net/jzooo/…
--缘由:因为看大家都用github等搭建博客,作为半个程序员的自己,也按捺不住了,终于有空来尝试一把了,选择了和github 相同功能的gitcafe网站,因为在国内比较快,这是大家的看法,下面写一下搭建的过程和问题. 1,注册gitcafe 账号,下载git软件(window系统),链接gitcafe,gitcafe项目名要和你帐号相同. 具体参考:https://gitcafe.com/GitCafe/Help/wiki/Pages-%E7%9B%B8%E5%85%B3%E5%B8%AE%…
1.安装Node.js 下载地址:传送门 去 node.js 官网下载相应版本,进行安装即可. 可以通过node -v的命令来测试NodeJS是否安装成功 2.安装Git 下载地址:传送门 去 Git 官网下载相应版本,进行安装即可. 选择在第二个在系统的cmd也可以使用 可以通过git –version的命令来测试git是否安装成功 3.注册Github账号 去 Github 官网进行注册即可. 注册完之后记得添加 SSH Key. 这个 SSH Key是一个认证,让github识别绑定这台机…