一站式搭建 GitHub Pages 博客 (一)】的更多相关文章

本文将详细讲解如何快速搭建 GitHub Pages 博客页面 关于博客主题,博客信息更改,上传文章等将会在 一站式搭建 GitHub Pages 博客 (二) 中进行详细讲解 准备阶段 注册 GitHub 账号 安装 GitHub Desktop 在 GitHub 建立名为 username.github.io 的仓库 首先登陆 GitHub 账户,点击右上角的 ,选择New repository. 点击后,按照图示进行填写: [注意] Repository name 格式:username.…
1. 环境环境 1.1 安装Git 默认配置就好 1.2 安装node.js 下载:http://nodejs.org/download/ 安装时直接保持默认配置即可. 2. 配置Github 1.1 建立Repository 建立与你用户名对应的仓库,仓库名必须为[your_user_name.github.io] 1.2 配置SSH-Key 参考文章:window下配置SSH连接GitHub.GitHub配置ssh key 3. 安装Hexo 关于Hexo的安装配置过程,请以官方Hexo[2…
之前写过一篇 使用 jsDelivr 免费加速 GitHub Pages 博客的静态资源,在那之后,又陆续想到并实施了几点利用 jsDelivr 进一步加速静态资源加载的措施,新起一篇作为记录和分享. 继上一轮改造过后,比较拖页面加载速度的主要有三点: 页面首个请求响应时间: 图片资源加载时间: 站内搜索引用的 JSON 资源加载时间. 第 1 点在页面仍然托管在 GitHub Pages 的前提下,似乎没有什么好办法能产生质的飞跃:本篇主要改善了第 2 点和第 3 点. 0x01 图片资源加速…
Github Page github page是由用户编写的托管在github上的静态网页,为了搭建一个个人博客,我们可以租用一个云服务器然后部署我们的博客项目,常见的比如wordpress,像wp这样的博客系统需要用到服务器后台的数据库,所以是动态的,github page相对于云服务器来说,不能提供数据库服务,所以资源都是静态存放在github上的,但是是免费的,而且速度也还可以,相对来说很稳定. Hexo 什么是Hexo? Hexo 是一个快速.简洁且高效的博客框架.Hexo 使用 Mar…
1. 环境环境 1.1 安装Git 请参考[1] 1.2 安装node.js 下载:http://nodejs.org/download/ 可以下载 node-v0.10.33-x64.msi 安装时直接保持默认配置即可. 2. 配置Github 1.1 建立Repository 建立与你用户名对应的仓库,仓库名必须为[your_user_name.github.io] 1.2 配置SSH-Key 参考[1] 3. 安装Hexo 关于Hexo的安装配置过程,请以官方Hexo[2]给出的步骤为准.…
1.前言 其实早在这之前我就一直想过写博客,但由于种种原因一直没有去学习这方面的知识,最近半个月(从开始动手到搭建好)一直陆陆续续的在着手这方面的工作.从开始到搭建完成的过程中遇到了很多困难,因为在这之前对Github一点了解都没有导致满头雾水,不断的跳进一个又一个坑,甚至想过放弃.但最后结果想必都知道了.在写如何搭建之前我觉得我们应该先从头开始了解. 那么我为什么要建立自己的博客?——引自:为什么你要写博客?—陈素封 1.“提高将事情讲清楚的能力”. 在写博客之前你需要花更多的时间来表达出你的…
使用github.io可以搭建一个自己的博客,把静态文件项目托管到github上,可以写博客,可以使用markdown语法,也可以展示作品.灵活性高.但是有较大的难度. node,git版本变化日新月异,每段时间都会有不同,而这个小不同可能直接导致搭建失败.这里把我搭建的过程记录下来.如果将来搭建失败,可以参考,下载对应的版本尝试. 我使用的版本(win7系统下:): node: v0.10.22 git: Git-1.9.5-preview20141217 搭建步骤: 1.安装好node和gi…
一.与github建立连接 1.安装node.js和git 2.桌面新建文件夹[github],右键“git bash here” 3.注册github账号,新建仓库“new repository”,勾选“Initialize this repository with a README” 4.生成新的SSH key,需要输入密钥时直接回车即可 $ ssh-keygen -t rsa -C "邮件地址@youremail.com" 5.在[id_rsa.pub]文件中找到新生成的ssh…
主题概况 Hugo 是一个用 Go 语言编写的静态网站生成器.类似的静态网站生成器还有Jekyll.hexo等等.以上生成器都使用过,但感觉要么环境麻烦,要么生成静态页面步骤繁琐以及生成缓慢.如果你正想在GitHub上搭建个静态的博客,搜索一大堆都是关于Jekyll和hexo的相关文章,使用Hugo的相关文章却很少,但是我认为使用Hugo方便一点.本着学习分享的原则,下面整理下如何使用Hugo. Hugo官方主页:https://gohugo.io/ 安装指南 安装Hugo 在 Hugo Rel…
一.安装ruby环境 Windows下载地址: http://rubyinstaller.org/ Ruby官网: http://www.ruby-lang.org/zh_cn/ 下载安装即可 环境配置 安装好之后必须配置环境变量 在环境变量中PATH字段中增加 你的安装路径\Ruby22-x64\bin 比如 : D:\ProgramFiles\Ruby22-x64\bin 除此之外还必须新增一个字段 SSL_CERT_FILE,内容为cacert.pem所在路径,比如D:\ProgramFi…
前言 很多人都有搭建博客或知识库站点的想法,可自己买云服务器太不划算,部署管理也是个问题:基于免费又热门的 GitHub Pages 来搭建博客站点倒是省钱省力省事的好办法,于是上网一搜,满屏都是关于使用 Jekyll 来搭建站点的文章,这个 Jekyll 是基于 Ruby 开发的,上手得先装一大坨东西.各种啰嗦各种坑,看的一点欲望都没有了. 神器出现 平地一声雷,炸出了 Hexo (https://hexo.io/zh-cn) 这个神器.它只需要 NodeJS 即可,完全不依赖其他乱七八糟的玩…
最近一段时间工作不是很忙,便开始着手整理博客并梳理自己的简历 可是,打开cnblog后第一眼我便开始了纠结~ 原起: 一直在cnblog写博客,看博客,突然发现这种在线纯文档记录的方式俨然跟不上时代的发展,取而代之的是各种各样的Markdown编写的blog,新颖.简洁.高效.编写简单.能突出技术人员的特色.而且在最近一年多的工作中越来越多的接触到了GitHub Pages文档,经过调研发现其配合Jekyll工具能够完美支持Markdown语法,更重要的有了github的加持,以后编写blog无…
搭建步骤: 1>Mac或win电脑一台,本文以mac为例. 2>下载安装Git和Node 3>安装hexo 4>注册登录GitHub,创建一个仓库,库名格式为:GitHub用户名.github.io 5>购买域名,本文以阿里云为例,解析域名. 6>博客主题,标题,界面设置 安装Git 下载地址:https://git-scm.com/download/ 安装Node 下载地址:http://nodejs.cn/download/ 验证是否安装成功: 安装hexo //安…
github设置 建立新的repository,命名为OwnerName.github.io,例如gotochenglong.github.io git管理 设置ssh密匙 使用命令ssh-keygen -t rsa -C "xxx@gmail.com",生成密匙对 编写~/.ssh/config文件 Host github HostName github.com User xxx IdentityFile ~/.ssh/id_rsa 在github中添加生成的SSH keys公钥内容…
扯在前面 在很久很久以前,一直就想搭建属于自己的一个博客,但由于各种原因,最终都不了了之,恰好最近突然有了兴趣,于是就自己参照网上的教程,搭建了属于自己的博客. 至于为什么要搭建自己的博客了?哈哈,大概是为了装逼吧. 之前有选择其它平台,记点自己的学习笔记,做技术这行,要不断学习新知识,俗话说的好,好记性不如烂笔头,如果不记笔记,三天学习,两天忘记.自己搭建博客的话,样式的选择也比较自由,可以自己选择,不需要受限于各大平台. 网上搜 hexo 关键字,这样的教程一大堆,为什么我还要写这篇文章呢?…
本文来自我的github pages博客http://galengao.github.io/ 即www.gaohuirong.cn 摘要: 由于现在我这个博客原来用的是DISQUS评论插件,那全是全球的,有些关联被墙 所以我把评论插件换成国内的多说 登录多说创建站点 *链接地址请点击 多说站点创建地址 创建多说站点,填写信息如下图: 填写完信息后,点击创建,生成代码,如下图: 上图代码有三处地方需要修改,代码中已经表示出来了,可以参照我的代码: <!-- 多说评论框 start --> <…
摘要:这是一篇很详尽的独立博客搭建教程,里面介绍了域名注册.DNS设置.github和Hexo设置等过程,这是我写得最长的一篇教程.我想将我搭建独立博客的过程在一篇文章中尽可能详细地写出来,希望能给后来者一个明确的指引,同时用这篇教程开篇,正式开始我的第八大洲之旅. 前言 作为一个技术小白,没有技术基础,看网上的教程也云里雾里,看程序员的教程相当不容易,稍微有些细节描述得不清楚自己就要绕弯路去找答案(善用搜索引擎),所以,在自己的博客搭建完成之后,我决定要将我搭建博客的过程全记录下来,以供后期和…
使用Hexo + Github Pages搭建个人独立博客 https://linghucong.js.org/2016/04/15/2016-04-15-hexo-github-pages-blog/…
这个不算是新手的搭建流程,如果你恰巧看见这篇文章,希望你已经安装好node.git等软件,因为第一步的环境搭建准备并没有详写,默认都会了.希望能解决你的问题. 步骤: 一. 搭建环境准备 二.安装hexo 三.配置hexo,将其与github page 联系起来 四.发布文章 五.更换主题及简单配置 一. 搭建环境准备 这里包括node.js的安装.git的安装.git账号注册和新建git项目 注意: 新建项目的时候,项目名称也就是Repository name的格式必须是:yourgithbu…
hexo 是一个基于Node.js的静态博客程序,可以方便的生成静态网页托管在github上.Hexo简单优雅, 而且风格多变, 适合搭建个人博客,而且支持多平台的搭建. 平台 Ubuntu14.04 安装hexo 安装node.js 使用nvm安装node.js: cURL: curl https://raw.github.com/creationix/nvm/master/install.sh | sh Wget: wget -qO- https://raw.github.com/creat…
一直听说用hexo搭建一个拥有自己域名的博客是很酷炫的事情~,在这十一花上半个小时整个hexo博客岂不美哉. 使用Hexo吸引我的是,其简单优雅, 而且风格多变, 适合程序员搭建个人博客,而且支持多平台的搭建,再加上有些node,git基础,分分钟创建出一个高大上的博客.废话少说,开始吧. 准备工作 1.node:用来生成静态页面的 到Node.js官网下载相应平台的最新版本,一路安装即可. 2.git: 把本地的hexo内容提交到github上去.没有安装的可以看此教程. 3.github:用…
象写程序一样写博客:搭建基于github的博客   前言 github 真是无所不能.其 Pages 功能 支持上传 html,并且在页面中显示.于是有好事者做了一个基于 github 的博客管理工具:octopress,基本原理是用 git 来管理你的文章,然后最终发布到 github 上成为一个独立博客站点.由于 github 支持 CNAME 域名指向,所以如果有独立域名的话,可以基于这些做出一个专业的博客站点出来. 本博客就是完全基于此搭建起来的,在使用了 2 个月之后,我将原系统根据中…
创建GitHub技术博客全攻略 通过GitHub Pages建立个人站点(详细步骤) 备注: 我搭建成功了,但是访问时只能使用"http://username.github.io/username.git.io/" 来访问,特傻瓜.而且对于我这个本身就讨厌整前端 + 同时觉得博客园还不错的人,后边就不想研究了. 不过更改页面内容很容易.…
Github Page 网页搭建教程,教你分分钟搭建自己的博客 很多其它美丽的网页搭建教程教程.请看这里:http://www.duobei.com/course/8506331668 watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvc2hhb3Blbmc1MjEx/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">…
前言 使用github pages服务搭建博客的好处有: 全是静态文件,访问速度快: 免费方便,不用花一分钱就可以搭建一个自由的个人博客,不需要服务器不需要后台: 可以随意绑定自己的域名,不仔细看的话根本看不出来你的网站是基于github的: 数据绝对安全,基于github的版本管理,想恢复到哪个历史版本都行: 博客内容可以轻松打包.转移.发布到其它平台: 等等: 1.1. 准备工作 在开始一切之前,你必须已经: 有一个github账号,没有的话去注册一个: 安装了node.js.npm,并了解…
GITHUB个人博客搭建-Pelican 在Windows环境下的安装及配置 前言 此篇博客主要为Pelican在Windows平台下的配置安装所写,在此过程中主要参考资料烟雨林博客.poem_of_sunshine和frantic1048,他们写得都很好,内容流程完善,但在具体实施过程中小白还是会遇到很多问题,因此本文结合现有的教程,再进一步指出整个操作过程中所可能遇到的问题,也为自己留个纪念. 本文架构 本文将从以下几个方面进行描述: 安装环境 windows安装环境 安装软件系列 安装步骤…
之前闲着, 利用Github搭了个免费的个人主页. 涉及: Github注册 Github搭建博客 域名选购 绑定域名 更多 一  Github注册 在地址栏输入地址:http://github.com/join 填写相关信息, 按步骤完成即可. 这样, 你就拥有了属于自己的Github账号了. 很简单吧~ GitHub · Build software better, together.           So Cool! 二 Github搭建博客 配置和使用Github 以下教程主要参考b…
地址:http://www.shutu.tech 说明: 基于github + hexo简易搭建的个人博客,用于收藏经典博文及技术文章,也会用于个人的技术成长记录.我是看到这篇文章搭建的:http://wsgzao.github.io/post/hexo-guide/…
扯在前面 在很久很久以前,一直就想搭建属于自己的一个博客,但由于各种原因,最终都不了了之,恰好最近突然有了兴趣,于是就自己参照网上的教程,搭建了属于自己的博客. 至于为什么要搭建自己的博客了?哈哈,大概是为了装逼吧. 之前有选择其它平台,记点自己的学习笔记,做技术这行,要不断学习新知识,俗话说的好,好记性不如烂笔头,如果不记笔记,三天学习,两天忘记.自己搭建博客的话,样式的选择也比较自由,可以自己选择,不需要受限于各大平台. 网上搜 hexo 关键字,这样的教程一大堆,为什么我还要写这篇文章呢?…
详细的可以查看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,只要有百度旗下的账号就可以登录,登录成功之后在站点…