github博客搭建

最近有几位同学在公众号后台留言问我的博客站是怎么建站的，思来想去，还是写一篇从 0 开始吧。 前置准备 我们先聊一下前置准备，可能很多同学一听说要自己搭一个博客系统，直接就望而却步。不得有台服务器么，不得搞个数据库么，不需要域名备案么？当然，这些确实是建立一个博客站点需要的东西，如果都没有，问题倒是也不大。 首先，Github 为我们做出了巨大的贡献，直接帮我们解决服务器和域名问题，当然，在国内访问 Github 可能会有些慢，但是国内有 Gitee 啊，完全不逊色 Github 的好不好。 博客站的建立，这时我们需要用到 Hexo ，这个博客框架没有那么的重量级，它是使用 Markdown 直接来写文章，然后可以将文章编译成静态页面，编译完成后，我们只需要将编译好的页面放在 Github 或者 Gitee 上，就可以直接被访问到。这样，我们就省去了一台数据库和服务器，文章的内容、标题、标签等信息就无需放在数据库中了，可以直接在静态页面上访问到。 那么，接下来，需要的就是一个 Github 或者 Gitee 的账号了，这个我就不多讲，大家自行准备吧。 环境安装 Node.js Hexo 的编译环境是使用 Node.js 的，需要在自己的电脑上安装 Node.js ，下载地址我直接贴出来：http://nodejs.cn/download/ 。各位直接选择自己对应系统的 Stable

本文转载于: 猿2048 网站➬ https://www.mk2048.com/blog/blog.php?id=h22aiihb2j 在我转前端以来，一直想要实现一个愿望： “自己搭建一个可以自动解析Markdown文档的个人站” 今天终于实现啦，先贴上我的 blog地址 确认需求 其实一个最简单的个人站，就是许多的HTML页面，你只要可以用HTML写出来就可以，然后挂到 Github pages 上。但这并不是我想要的。 也有许多的人会选择用Vuepress，Hexo，Wordpress，Jekyll等等这样的博客框架来搭建自己的博客，我也都尝试过，有很多的主题可以给你选择，你甚至可以自己写一个主题或者修改其他人的主题让你的博客变得独一无二，但这也不是我想要的。 那，我想要的是什么呢？ 用Markdown语法书写博客，支持代码高亮。 博客所有页面都是自定义样式。 Markdown的YAML开头支持自定义字段，便于在页面上展示。 在写博客的同时支持页面更新，实时看到效果。 其他博客基本的功能。 其实上面很多的博客系统，或者静态博客生成器，都可以满足上面大部分的条件，我没有使用的原因主要是以下几点： 我很难把控整个流程，如果我在其他人的主题页面想要增加一些功能，很吃力。 对博客的配置，都会有预料之外的效果。 一些主题也不完善，总是少了自己需要的功能

转载请标明出处： http://blog.csdn.net/lmj623565791/article/details/51319147 ； 本文出自: 【张鸿洋的博客】 一、概述 哈，本篇博客不属于Android技术类的文章，但却有非常高的实用性。如果你心细的话，你会发现现在访问 zhanghongyang.com 或者 guolin.tech 你会发现最终跳转的是我们的csdn博客的列表目录。 有人会说，这个简单哇，买个域名，设置下域名解析不就好了么？ 这样是不行的，关键在于我的博客站点是csdn所提供的，归属于csdn的blog子域名下，但是在设置域名解析的时候只能填写ip，如果你 ping 我的博客地址 最终得到的ip可能是csdn某台服务器的甚至是拿不到的，所以光填写ip是不行的，不过如果你是自己搭建的服务器站点就可以简单设置解析ip就可以了。 ok，但是大多数人可能还我一样并没有足够的精力去维护个人博客站点，而选择csdn、简书、博客园等平台编写博客。但是这类平台所提供的url想必是非常长的，例如我的： http://blog.csdn.net/lmj623565791 一般人太难记住了，所以我希望买一个好记的域名 zhanghongyang.com （张鸿洋.com） 这样大家一眼就能记住，一眼不够两眼肯定没问题。 ok，那么针对我这样的问题，有什么好的且免费的方案呢？

使用 Hexo + GitHub 可以轻松搞出一个好看的博客，以下是步骤。 1.在 GitHub 上新建一个空 repo，repo 名称是「你的用户名.github.io」（请将你的用户名替换成真正的用户名） 2.npm install -g hexo-cli，安装 Hexo 3.hexo init myBlog 4.cd myBlog 5.npm i 6.hexo new 开博大吉，你会看到一个 md 文件的路径 7.start xxxxxxxxxxxxxxxxxxx.md，编辑这个 md 文件，内容自己想 8.start _config.yml，编辑网站配置 i.把第 6 行的 title 改成你想要的名字 ii.把第 9 行的 author 改成你的大名 iii 大专栏 如何使用 Hexo 搭建博客系统 .把最后一行的 type 改成 type:git iv.在最后一行，与 type平齐，加上一行 repo:仓库地址 （请将仓库地址改为「你的用户名.github.io」对应的仓库地址，仓库地址以git@github.com:开头你知道吧？不知道？不知道的话现在你知道了） 第 4 步的 repo:后面有个空格，不要眼瞎。 9.npm install hexo-deployer-git –save，安装 git 部署插件 10.hexo deploy 11.进入「你的用户名

前言 GitHub Pages jekyll or hexo next主题 评论系统 数据统计与分析 阅读量统计 内容分享服务 搜索服务 网站收录 其他服务 next进阶 给页面添加背景图片 给侧边栏添加背景图片 文字背景色以及半透明的设置 评论(来必力)添加背景色 实现点击出现桃心效果 侧边栏头像旋转 设置鼠标划入侧边栏才显示站点信息： 设置自定义div 自定义区域的初始化设置 自定义音乐播放器 安装APlayer插件 生成音乐播放器 自定义播放器样式 自定义萌萌哒音乐播放控制边栏 安装aplayer-controler插件 添加js代码 创建按钮区域 将控制按钮加入body页面 前言   喜欢写Blog的人，会经历三个阶段。 第一阶段，刚接触Blog，觉得很新鲜，试着选择一个免费空间来写。 第二阶段，发现免费空间限制太多，就自己购买域名和空间，搭建独立博客。 第三阶段，觉得独立博客的管理太麻烦，最好在保留控制权的前提下，让别人来管，自己只负责写文章。 引自 阮一峰   第一阶段我已经经历过了，目前在CSDN的文章仍然在更新。但是作为一个免费空间，一个技术博客的聚集地，其管理和运营虽说正在变得越来越好，但是恶心人的事件也时有发生，比如对新手不友好的审核机制、近期改版造成的各种不兼容问题。   于是，就想着挣脱枷锁，向第二第三阶段发展。   我这人吧凡事都考虑的比较详尽，

一直想着在github上建一个自己的博客网站，刚好这个周末有空就开始实施了，经过两天努力博客终于是建好了，也达到了想要的效果，但是其中一系列的坑让人不舒服，为此专门记录下来给那些需要的人一些参考。 首先关于如何建站参考以下几篇文章： 1、 手把手教你建github技术博客 2、 如何在 GitHub 上写博客？ 3、 手把手教你用Hexo+Github 搭建属于自己的博客 1、文章左侧的目录如何弄出来 如图文章左侧的目录是如何弄出来的： 1、首先在你的markdown文件里面要有标题，所谓标题就是例如这种一级标题(#)，二级标题(##)，三级标题(###)的。 2、在主题的_config文件里面，将toc的enable设置为true就ok了，默认的目录是有序号的，如果你不想要序号，你需要把number置为false 2、hexo生成博文插入图片显示不出来 显示图片是一个大坑，步骤如下： 1、把主页配置文件_config.yml 里的post_asset_folder:这个选项设置为true 2、在你的hexo目录下执行这样一句话npm install hexo-asset-image –save， 这是下载安装一个可以上传本地图片的插件 3、等待一小段时间后，再运行hexo n “xxxx”来生成md博文时，/source/_posts文件夹内除了xxxx

文/北妈 阅读本文需要 5.1 分钟 一 接着第一篇 5分钟建立独立网站系列 ，戳这里： 《 5分钟 0元搭建个人独立博客网站（一） 》 这个Hexo、GitPages系列，其实网络很多教程，但都不够易懂甚至很乱，这个系列没什么技术含量，但对步骤的合理梳理，却要求很高。所以，我应粉丝要求，抽空出一个这个系列。 本系列分为三篇 （说明一下：此系列，写的很详细、也很累，比网络其他教程都清晰易懂，所以每篇都会打破我，每月底才开一次赞赏的规矩， 这几篇我都会开赞赏，O(∩_∩)O ）。 第一篇，我简要介绍了如何在本机安装、运行、预览 hexo博客系统；还有和github的关系，github起了什么作用。 不明所以的，请去回顾第一篇，这里不在阐述， 今天是第二篇，主要讲解如何一键、一行命令发布到github、gitpages；如何实现真正的外网访问，也就是让地球所有的人都能搜到你的网站。 第三篇讲解，如何美化自己的博客页面，毕竟“丑”，是我们绝对不能容忍的；还有如何在静态博客 ，一键添加 评论功能； 而且不用你去开发；再加一个SEO 建议。 废话不说，开始。 下图是我执行本机命令 hexo init，npm install， hexo g ， hexo s 的本地演示结果 hexo init // 这个是：hexo自动初始化配置文件、包括所有 paceage.json 依赖包 npm

一、前言 日常Google中，无意中看到了一个免费搭建 个人博客网站 的 标签 ，好奇就点了进去看了看，感觉还挺有意思的，就想着自己也搭一个玩玩，当时看的那篇文章说是5分钟就可以搭建完成，的确简单的搭建一下很快，但我配置完再熟悉后已经花了大半天时间了? （期间被学校的网给害惨了，半天都加载不动，还以为自己哪配错了，浪费了不少时间，后来换了自己的热点，嘿嘿，好了?）废话不多说，先给大家看看我搭建完成的 博客首页 怎么样？你是否经常看到这样类似的博客？ 别着急，接下来我将带领你一步步搭建一个属于你自己的博客网站。 二、开始搭建 1. 创建Github 域名和空间 1.1 创建Github账号 (我想大家身为 程序员 应该都有一个Github账号吧？?) 打开Github 官网 ，点击右上角Sign Up按钮，进入注册页面，按照提示一步一步创建完成后就OK了。 1.2 创建Github仓库 点击按钮 New 打开创建仓库页面 注意仓库名为username.github.io ，username即为Owner的名字，必须一致， 后缀为.github.io ，也是必须的。如我这里Owner为kylechandev， 仓库名就为kylechandev.github.io 。 后缀.github.io的作用是Github识别到.github.io的后缀就会自动为你开启GitHub Pages

2019/11/6 更新 看到了很多精美的Jekyll主题，在这里作为一个收集吧，随时想换就可以换 Minima ， 效果 看着那么多大牛都有自己的个人博客主页，甚是羡慕，所以我也来假装假装大牛，希望不要被识破。 参考链接 ， 柏荧大神 写的是真的详细，我是跟着他的教程手把手搭建的，过程中我也添加了一点自己的心得，本来是想要直接转载的，但现在用我的经历重新编辑分享出来，就写原创咯。 声明这是利用现有资源复现的，不具有我的知识产权。 所使用的 GitHub Pages + jekyll 的方式，下图为博客样式。 我所使用的环境为Windows，Mac的就去参照原作者的吧。 我们开始吧！ 步骤一 ： 因为安装 Jekyll 的最好方式就是使用 RubyGems，所以我们先要安装Ruby，打开 Ruby下载网站 ，选择最新版下载，且要带上DEVKIT，如下图所示： 下载好直接安装，一步一步进行下去就好，选项里，选择添加到环境变量并且默认编码UTF-8加上，等一会就安装好了。 步骤二 ： 然后执行 $ gem install jekyll $ gem install jekyll bundler $ gem install jekyll-paginate 到这里我们先停一下，访问博客的本地工具我们都装好了，那我们的博客内容呢，jekyll一查就知道是将纯文本转换为静态博客网站的方法

从2011年开始正式定期地写文章，最开始在Google AppEngine搭建了Wordpress，几个月后又将文章都转移到了CSDN。时间飞逝，一看自己的历史文章列表发现都快七年整了。CSDN也在进步，美观方面加了各种皮肤，功能方面支持了Markdown。用得时间长了也觉得有很不方便的地方，可能也是因为一直以来的需求比较低，本地写好后能发表就行。最近偶然间在知乎上看到一篇对CSDN博客系统的吐槽，包括身份验证、文章审核、页面广告等等。对这些吐槽倒并没有很在意，但是无意间看到了有人提到Jekyll在GitHub搭建博客系统。一直没有独立博客，就是有些嫌麻烦。这时一想自己需要的其实就是个渲染展示Markdown的地方，其他什么功能都不用。突然间豁然开朗！ 1.Jekyll 1.1 超快速搭建 想要在GitHub上搭建自己的博客非常简单，按照 Jekyll的说明 ，首先将其Fork到自己的代码库，然后将代码库的名字改成你的 GitHub帐户名.github.io 。过一会访问这个地址，你就能看到自己的博客了。如果还是不能访问的话，那就改一点_config.yml里的东西，强制GitHub编译生成你的博客。 1.2 本地运行 有时我们先定制自己的博客，那么就需要提交代码、再Push、再去GitHub上看效果。这样一来太麻烦，二来把博客系统改瘫痪了的话还得再回滚代码。这时就需要本地运行了