前言:博主目前大三,Web 前端爱好者.写博客的好处,不是为了写而写,而是一个记录思想的过程.不要考虑它能带给你什么,而是你自己从中收获了什么. 最近刚好有空,于是就参照网上的各种教程,搭建了一个博客.现在把 Hexo + GitHub Pages 搭建博客的完整过程记录下来: 个人博客地址:http://www.lovebxm.com 大概流程: 1. 搭建 Node.js 环境 2. 搭建 Git 环境 3. GitHub 注册和配置 4. 安装配置 Hexo 5. 关联 Hexo 与 Gi…

搭建 Node.js 环境 为什么要搭建 Node.js 环境? – 因为 Hexo 博客系统是基于 Node.js 编写的 Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,可以在非浏览器环境下,解释运行 JS 代码. 在 Node.js 官网:https://nodejs.org/en/下载最新安装包LTS版 保持默认设置即可,一路Next,安装很快就结束了. 然后打开命令提示符,输入 node -v npm -v 出现版本号则说明 Node.js 环境…

本篇介绍百度统计.百度搜索 一般来讲,部署了一个网站后,我们需要知道网站的浏览量,以便知道网站是否有人访问. 在Jekyll的模板中,由于国外开发者更多,一般的主题默认都开发了谷歌统计(Google analytics).但由于谷歌在国内不可访问,如果使用谷歌统计是难用的.所以建议国内还是使用百度统计. 我们在_config.yml中就可以看到,很多主题都有针对谷歌统计的配置项,如下图所示: 如果使用谷歌统计,可以在此填入自己申请的谷歌统计的相应id. 百度统计 首先,登录百度统计,进入网站后,…

本篇介绍GitHub Pages自定义域名 在用GitHub Pages搭建博客(二)中介绍到,默认的GitHub Pages域名就是仓库地址,即: 账号名.github.io 如果我们要使用自定义域名访问GitHub Pages网站,我们需要进行相应的配置. 域名服务商的配置 具体操作可以在域名服务商的网站是查看,以通用方法进行讲解.假设我们的自定义域名为: www.shiyueshuyi.xyz GitHub Pages域名为: dev200709.github.io 在域名服务商网站上,我…

本篇介绍GitHub Pages网站加速 在上一篇提到如何对GitHub Pages配置自定义域名.其实,不论GitHub Pages的默认域名还是自定义域名,都使用了GitHub的CDN进行加速,虽然速度还行,但总还是觉得有点慢. 在互联网,目前有一些提供域名解析.CDN加速的免费网站,其还可以在GitHub中挂载触发器,一旦发现GitHub Pages仓库变化了,立即同步编译发布,减少人工操作. 此处以Vercel为例进行介绍. 账号登录 Vercel支持GitHub账号直接登录,直接使用G…

前言 博客有第三方平台,也可以自建,比较早的有博客园.CSDN,近几年新兴的也比较多诸如:WordPress.segmentFault.简书.掘金.知乎专栏.Github Page 等等. 这次我要说的就是 Github Page + Hexo 搭建个人博客的方式!Github Page 是 Github 提供的一种免费的静态网页托管服务(所以想想免费的空间不用也挺浪费的哈哈哈),可以用来托管博客.项目官网等静态网页.支持 Jekyll.Hugo.Hexo 编译静态资源,这次我们的主角就是 He…

1.原理 GitHub作为博客相关文件的托管方,你把按照jekyll规定的目录及文件上传至github库中,通过约定的库名称即可访问到经过jekyll渲染后的博客页面. 2.搭建过程 2.1.注册Github账号,并新建一个名称为username.github.io的repository(username为你注册Github的名称) 2.2.按jekyll约定的文件及目录结构在本地创建文件及目录 2.3.将2.2创建好的所有文件上传至2.1中创建的repository中 2.4.浏览器访问 ht…

本篇介绍基本GitHub Pages的搭建流程 GitHub账号及仓库创建 登录GitHub,录入用户名.邮箱.密码,创建成功后登录进入. 注册时,邮箱建议不使用QQ邮箱.因为一些第三方部署类网站不支持GitHub的QQ邮箱,如果已经使用QQ邮箱,在遇到这种情况时,可以在GitHub的个人设置中修改主邮箱账号. 用户名可选择一个有意思的名称,因为GitHub Pages的默认域名使用的用户名. 点击页面右上角的+号,新建代码仓库. 仓库地址需要使用GitHub Pages的地特定地址: 账号名.…

本篇介绍通过git工具替换网站主题,并发布 Jekyll和Hexo的简要介绍   GitHub Pages是基于Jekyll构建的,Jekyll 是一个简单的博客形态的静态站点生产工具,它有一个模版目录,其中包含原始文本格式的文档,通过一个转换器(如 Markdown)和Liquid 渲染器,将我们的的原始文章(Markdown格式文件)转化成静态页面,将整个仓库的文件生成一个完整的可发布的静态网站,而不用手工去对每篇文章都写一个html页面.   Jekyll依赖于Ruby,如果我们想在本地运…

什么是GitHub Pages GitHub官网介绍 GitHub Pages 官网是这样介绍的: Websites for you and your projects. 给你和你的项目的网站. Hosted directly from your GitHub repository. Just edit, push, and your changes are live. 从你的GitHub仓库中直接托管.只用编辑.发布,你的修改直接生效. 从官网的介绍讲,GitHub Pages是GitHub提…

人生若仅仅如初见,都恨太晚 据说有博客的人比没博客人的薪水要高非常多,相传写博客也是一个高手的标配,尽管之前一直有在写(在这里).可是孤既不是高手.薪水还比别人少.之前一直在CSDN上面写博客,那是一个不错的社区.里面有些牛人.博客也有不错的流量,也没少參与CSDN举办的活动,获得了几本过时的技术书.可是仍感觉不爽,最痛苦的就是编辑,CSDN的在线编辑器做的不咋地,不太好用,并且常常写着写着就不动了.再刷新就啥都没了,试想下写了一下午的代码,突然死机,再打开什么都没了会是什么心情. 后来就在本地…

1. 安装node 如果本机已经有node,为避免安装出现问题,建议先升级到最新版.参考:https://juejin.im/post/5b9739d1e51d450e9f66ee3b 2. 安装hexo 参考:https://segmentfault.com/a/1190000017986794 里面有图床.主题.评论配置. 3. 主题配置 主题使用next的Pisces,具体可Google. 其中,原生的这个主题两边留白太多,现在很多都是宽屏,包括本人很喜欢宽屏展示.可以参考:调节next主…

前言:我的博客写作之路 15 年刚上大学,第一次接触公众号,就萌生了创建一个公众号写点东西,但最终不了了之. 很快到了 16 年,开始接触网上各大博客网站,接触最多的当属 CSDN,萌生了注册一个博客,写一点自己在学习上遇到的问题,分享一些自己的解决办法,但最终还是不了了之. 16 年暑假,自媒体横行在全国各地,自己眼里似乎看到很多机会有似乎异常模糊.一个偶然的机会让我意识到必须开始弄个博客写点东西了,当时的想法是,先注册个头条号,16年下半年开学再弄博客写东西,这种事情不着急,时间一天天过,但…

之前一直想搭建自己的博客,由于自己的懒惰拖到现在.好了,废话不多说!直接上干货! 安装Node.js 安装Git Github Pages配置 安装Hexo及主题设置 进阶篇-高级定制 其它实用功能 安装Node.js 安装 Node.js 安装Git 安装Git Github Pages配置 首先注册一个『GitHub』帐号,已有的请忽略 建立与你用户名对应的仓库,仓库名必须为『your_user_name.github.io』 添加SSH公钥到『Account settings -> SSH…

在 基于 Hexo + GitHub Pages 搭建个人博客(一) 这篇文章中,我们已经知道如何使用 Hexo + GitHub Pages 搭建一个个人博客,GitHub 为我们提供了免费的域名和服务器,非常方便,无需我们费心.但是 Hexo 博客的原生主题并不符合大众的风格,那么如何为 Hexo 博客更换成我们喜欢的主题呢?下面这篇就来详细解答如何配置博客个人信息以及更换博客主题,以很多人都在使用的 NexT 主题为例. 一.配置博客个人信息 1.打开博客目录,如下图所示,打开 Hexo…

一.添加扫描二维码关注功能 打开 themes 目录下的 next 主题配置文件,找到 Wechat Subscriber 标签,将该标签下的配置改成如下形式: # Wechat Subscriber wechat_subscriber: enabled: true # 打开图片显示功能 qcode: /images/wechat-qcode.jpg # 需要显示的二维码图片 description: 扫描二维码关注微信公众号,了解更多 # 在图片的底部添加描述 配置完成后,切记将所需要扫描的二…

使用Hexo + Github Pages搭建个人独立博客 https://linghucong.js.org/2016/04/15/2016-04-15-hexo-github-pages-blog/…

一.前言 之前是在CSDN上写博客的,但是无奈其广告满天飞,还有因为个人不太喜欢CSDN博客里的一些东西,加上看到很多技术大牛都有自己的个人博客,于是乎!便想着搭建一个自己的个人博客.其实之前写博客还是追求于有很多人来看,以满足自己这样的一个欲望,后来慢慢觉得写博客无非是记录一下自己成长的历程,别人看不看其实也是无关紧要的. 就在这各样的原因驱使下,便开始了搭建个人博客之路,第一次使用Hexo+码云搭建了一次博客,但是因为其总是加载不了我的博客样式,没办法只好放弃了,但是过了几天,之前的动力又突…

这个不算是新手的搭建流程,如果你恰巧看见这篇文章,希望你已经安装好node.git等软件,因为第一步的环境搭建准备并没有详写,默认都会了.希望能解决你的问题. 步骤: 一. 搭建环境准备 二.安装hexo 三.配置hexo,将其与github page 联系起来 四.发布文章 五.更换主题及简单配置 一. 搭建环境准备 这里包括node.js的安装.git的安装.git账号注册和新建git项目 注意: 新建项目的时候,项目名称也就是Repository name的格式必须是:yourgithbu…

Github pages + jekyll 博客快速搭建 寻找喜欢的模版 https://github.com/jekyll/jekyll/wiki/sites http://jekyllthemes.org/ Fork到自己的github 找到自己github中的此项目 点击"Settings",将"Repository name"改为 {你的Github用户名}.github.io,点击"Rename" 修改成自己的名字 此时就可以通过 ht…

一.Git 1.Git概述 Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency. Git是一个开源的分布式版本控制系统,可以快速.高效地处理不同规模的项目. 廖雪峰的Git教程 2.Git安装 如果是在windows环境下,不建议安装和配置C…

title: 基于Hexo且在GitHub上搭建博客 Welcome to Fofade's Blog! 搭建初衷 大大小小,大学两年,玩了很多,也学了很多. 回首望之,曾经不知道的,现在是知道了,但曾经会的,现在却不会了. 为了不让自己毫无价值,亦为了让自己不再相同问题找半天,我想到了写博客. 之前在服务器上写过,但总是因为这样或那样的原因,写下的博客丢失了很多. 我尝试过CSDN之类的第三方博客系统,我无法忍受他们的主题以及广告. 经过仔细研究与思考,最终确定在GitHub落脚. Git指令…

vuepress官网 vuepress是尤大开发来写文档的静态页面.可以用Markdown 语法,并且也可以使用vue模块化的方式开发页面. vuepress-theme-reco 是另外的开发者开发的 vuepress主题.本文将介绍依赖这个主题,构建GitHub pages静态博客的详细过程 提前说明:本过程比较详细,相当于手把手的教,针对于不熟悉vuepress的人介绍的,大佬不喜勿喷. 第一步:新建一个GitHub仓库 1. 仓库名随便取,不用以 username.github.io 这…

写在前面的话:本系列文章主要参考 Hexo官方说明文档,同时结合自己在使用过程中的一些心得体会,撷取下来,和大家分享分享.好,下面闲话不多说,马上开始我们的 Hexo 之旅吧 温馨提醒:博主使用的操作系统是 Win10,其他操作系统可能会略有不同 一.Hexo 简介 Hexo 是什么呢?也许引用官方文档中的说明是再好不过了: Hexo 是一个快速.简洁且高效的 博客框架.它使用 Markdown(或其他渲染引擎)解析文章,在数秒内,即可使用靓丽的主题生成静态网页 二.Hexo 安装 1.安装 G…

为什么选择GitHub Pages? 很多人用 wordpress,你为什么要用 github pages 来搭建? 1.github pages有300M免费空间,资料自己管理,保存可靠: 2.学着用 github,享受 github 的便利,上面有很多大牛,眼界会开阔很多: 3.顺便看看 github 工作原理,最好的团队协作流程: 4.github 是趋势: GitHub Pages是什么? GitHub Pages 本用于介绍托管在 GitHub 的项目, 不过,由于他的空间免费稳定,用…

简单说,只需要三步,就可以在 Github 搭建起一个博客: 在 Github 上建一个名为 xxx.github.io 的库: 把看中了的 Jekyll 模板 clone 到本地: 把这个模板 push 到自己的库: 下面为了从头展示如何用 Git + Github + Jekyll 搭建博客. 一.在 Github 创建名为 username.github.io 的库 按照 Github Pages 上的说明,首先要创建一个新的库,把它命名为 username.github.io.博客搭建成…

首先贴一下我的新博客地址: http://findingsea.github.io 用Octopress在GitHub上搭建博客已经不是什么新鲜事了,网上的教程也多了去了,大题的方法什么都差不多,这篇Blog就把这些资源总汇一下,然后再加几点我遇到的问题和解决办法. 搭建和配置 搭建的大致过程大概包括:安装Ruby --> 安装Octopress --> 配置Octopress --> 部署到GitHub上 --> 提交博客.我主要参考的是破船的这篇教程——<利用Octopr…

概念 Github Pages可以被认为是用户编写的.托管在github上的静态网页.使用Github Pages可以为你提供一个免费的服务器,免去了自己搭建服务器和写数据库的麻烦.此外还可以绑定自己的域名. Hexo是一个快速.简洁且高效的博客框架.Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页. Hexo渲染的博客页面简洁美观,支持Markdowm,用户可在本地编辑好文章,使用git工具push到github. 实操 以下是在Mac电脑上…

因为想拥有一个独属于自己的个人博客啊. 安装部署hexo 进入一个安全的目录,cd ~/Desktop 在 GitHub 上新建一个空 repo,repo 名称是「你的GitHub用户名.github.io」 安装 Hexo $ npm install -g hexo-cli $ hexo init myBlog $ cd myBlog $ npm I $ hexo new这时会看到一个 md 文件的路径 $ vi _config.yml编辑网站配置 * 把第 6 行的 title 改成你想要的…

关于其他搭建 [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…