换博客比更博还勤的我终于决定写一篇博客搭建教程了.. FAQ Q:\(hexo\)需要本地编译.\(jekyll\)虽然可以直接上传\(md\)..但是如果在github上直接编译也太难受了叭,毕竟不能在线预览... A:对于\(hexo\),博主目前也没有什么很好的办法233.(有个叫\(Travis CI\)似乎可以做到).所以这篇文章仅适用于\(jekyll\)主题的博客哦.\(jekyll\)其实也有些蛮好的主题的. Q:那我知道了,找个\(markdown\)在线编辑器编辑好,然后直接…

我用Hexo在GitHub上搭建好了自己的博客,我的这第一篇博客就来说说搭建的过程. 1 环境配置 本文使用环境如下: Windows 10 node.js v8.1.3 git v2.13.2 npm v5.0.3 hexo v3.3.7 1.1 node.js安装 可以去Nodejs官网下载,如果下载速度不行,可以去Nodejs中文网下载.下载完后直接运行安装即可,会默认把nodejs加入环境变量中,可以通过node -v查看是否安装成功.新版本nodejs已经集成了npm,同样使用npm…

1.注册,用户名一定要起好,别随便起. 2.登录后,新建一个仓库repositories.new一个. 命名为用户名.github.io.如果发现不一样进Settings修改,rename. 3.仓库只要命名规范后,就可以直接使用 用户名.github.io 访问个人页面了. 4.进Settings后,下拉到GitHub Pages栏目. 会提示:Your site is published at https://用户名.github.io/ 证明成功. 5.需要注意的是.刚改完不会立即生效!…

最近正好在学习前端开发,想着搭建一个属于自己的个人博客,把自己的技能树整理整理,温故而知新. 如果你有前端开发经验,那么搭建这样的博客就很简单了. 一 什么是Hexo     Hexo 是一个快速.简洁且高效的博客框架.Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页.     就是说,你不需要自己从头到尾写一个个人博客的网站出来,该框架已经帮你写好了,你只需要配置一下风格,填充内容,再部署到服务器让别人能访问就行了. 二 为什么部署到gith…

1.平台注册账号,新建域名 github(源码托管服务站):https://github.com/到GitHub官网,注册自己的账号,填好用户名,密码,邮箱,并完成邮箱验证就可以啦!默认的域名是http://username.github.io/,(username为你想要的名字)如果想要一个特别的域名,可以买一个域名,并在setting里面绑定就可以了.以上完成了第一步,我们有自己的代码仓库了,接下来我们要配置本机环境了!2.Windows环境搭建(1)node.js:https://node…

准备工作 安装git 系统是win10家庭版,采用git v1.9.5版本,比较简单,一路next直到finsh完成安装. 安装node.js hexo是基于node.js驱动的一款快速.简单且功能强大的博客框架,支持多线程,数百篇文章只需几秒即可生成.支持markdown编写文章,可以方便的生成静态网页托管在github上.所有需要安装node.js,采用node.js v0.12.5 x64版本,一路next直到finsh完成安装 验证是否安装成功 win+r输入cmd回车后输入以下命令 g…

本地安装Jekyll 首先安装Ruby及gem Ruby的安装 Ruby官网进行下载 从RubyInstaller下载ruby [新手推荐] 我采用的是RubyInstaller,无脑简单 勾选时我配置如下 devkit 在RubyInstaller页面中往下拉就能看到.选择自己版本的Ruby(我的是2.2.3)对应的devkit:For use with Ruby 2.0 and above (x64 - 64bits only)DevKit-mingw64-64-4.7.2-20130224…

利用Octopress在github pages上搭建个人博客 SEP 29TH, 2013 在GitHub Pages上用Octopress搭建博客,需要安装ruby环境.git环境等.本人在Fedora下成功搭建Octopress,这里把主要步骤和遇到的问题做一个记录. 在搭建的过程中发现yum安装的ruby与rake在管理octopress博客的时候会引起冲突,要使用rvm的方式安装ruby和rake:另外rvm一般用curl一段脚本来安装的话,网址有所变化,原来的教程中的网址要“去掉一个…

本系列有五篇:分别是 [一]Ubuntu14.04+Jekyll+Github Pages搭建静态博客:主要是安装方面 [二]jekyll 的使用 :主要是jekyll的配置 [三]Markdown+jekyll在Gitpages上写blog的常用操作 :主要Markdown的使用 [四]搭建Markdown的编辑器 [五]将博客从jekyll迁移到了hexo       官方教程http://jekyllrb.com/docs/installation/ 1. Jekyll简介 简单: 无需数…

公司实习第一天接到的任务是:搭建一个基于Nodejs的开源项目的开发环境,接到任务时以为不是很困难,后来才知道该项目已于去年被废弃,搭配环境的时候遇到了不少问题,折腾了两天还是没有最终完成... 不过也不是没有收获的,起码对Nodejs多了些了解,正好也想自己弄个Blog,就乘着周末搭建了个,这里记录下过程. Windows下Git的配置 由于这里只是搭建个环境,不需要其他的一些工具,简单的安装GitForWindows就行了,需要注意的时,在安装时选择Run Git from the wind…

github + jekyll 本地写markdown,然后push到github,就成了博客 其实我一早就知道这两者可以搭建个人博客,因为本人有个很好的习惯——每天都会去看看一些热门文章,了解行业最新动态,所以什么新鲜事儿我都知道点,可能不熟悉而已. 于是今晚就试着弄一下,去百度找了几个文章,结果一注意时间(程序员职业病)都是好几年之前的了,我瞬间就怀疑了时效性,因为技术发展太快了.于是就摸着石头过河,果然踩了几个雷. 雷就不说了,这不重要,重要的是总结一下正确的步骤. 创建github帐号和…

使用github + Octopress 搭建免费博客,先说碰到的问题,具体创建方法见下面. 问题1, 添加ruby淘宝链接问题,显示无法获取, 解决: source “http://ruby.taobao.org” 需要修改成: source “https://ruby.taobao.org” 问题2,rake setup_github_pages 操作之后没有反应, 解决: 此时需要直接写git://github.com/yourname/yourname.github.io.git 具体配…

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

在 基于 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: 扫描二维码关注微信公众号,了解更多 # 在图片的底部添加描述 配置完成后,切记将所需要扫描的二…

一.环境准备 使用Github Pages搭建个人博客,一劳永逸,可以让我们更加专注于博客的撰写.博客的更新是通过将新建或改动的博客放在指定文件夹并推送到远程Github仓库来完成的,所以我们本地需要有Git环境,如果还没有安装Git,可以看下面的文章: 安装Git Git关联远程GitHub仓库 二.搭建博客 1.新建仓库 以username.github.io作为仓库名字. 2.本地克隆 本地创建文件夹,用于存放远程仓库,打开所创建的文件夹,右键选择git bash here,表示在当前目录…

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

HEXO与Github.io搭建个人博客 HEXO搭建    HEXO是基于Node.JS的一款简单快速的博客框架,能够支持多线程,支持markdown,可以将生成的静态网页发布到github.io以及coding上.要使用搭建HEXO博客,先安装hexo1.安装node.js sudo apt-get install -y python-software-properties software-properties-commonsudo add-apt-repository ppa:chris…

Tips:博客已搬家,新地址:http://wanxudong.top 首先说明两个关键术语: Octopress Octopress是基于 Jekyll 的博客框架.他们的关系就像 jQuery 与 js 的关系一样. 它为我们提供了现成的美观的主题模板,并且配置简单,使用方便,大大降低了我们建站的门槛. What is Octopress?(摘自Octopress官方文档) Octopress is Jekyll blogging at its finest. Octopress sport…

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

静态站点拥有一定的局限性,因此我们需要借助于第三方服务来扩展我们站点的功能. 而评论系统是最常用于和网站用户交流的,因此本章讲解在 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 结合了,为什么要结合呢?因为当前我们的博客还是在本地机器,如果因为我们不小心删了数据,或者购买的云服务因为没有及时续费,导致机器被释放了,那我们就永久失去了这些数据. 因此如…

为什么要搭建自己的博客系统? 原因有好几个吧,归类如下:1.自己搭建博客系统很有成就感,可以自己选定页面风格和页面排版: 2.自己搭建博客系统可以根据自己的需要添加各种插件功能,因此整体上比网上的第三方博客网站更好: 3.hexo 支持 MarkDown 标记语法,我们可以很容易的上手,排版简单明了: 4.网上主流的第三方博客网站,不一定很符合你个人的风格,而且由于网站要持续运营下去,因此在此过程中会不可避免的接入广告.当然这点我们也要理解,要允许网站有盈利,这样才能一直为大家服务下去: 5.第…

概述 在新浪SAE上搭建一个博客 1.访问新浪SAE站点 http://sae.sina.com.cn/ 2.注册新浪SAE 3.选择应用仓库 4.选择WordPress 5.安装WordPress 6.填写二级域名 7.创建成功后,打开站点 http://doitblog.sinaapp.com/…

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

最近更换了服务器,需要把自己的Hexo Next重新部署到新服务器上,本文记录一下在vps上搭建hexo博客的过程. 在vps上搭建hexo博客需要下面这些工具: Nginx: 用于博客展示 SSH:用于Git 推送 Git: 用于将生成的静态文件推送到vps上 本文服务器环境为CentOS 7.6 整体流程为: 设置SSH登录 想要完成Git推送,首先得设置SSH登录.过程如下: # 添加hexo用户 adduser hexo # 切换到hexo用户目录 cd /home/hexo # 创建.…

Windows下通过GitHub+Hexo搭建个人博客的步骤  https://blog.csdn.net/namechenfl/article/details/90442312 https://blog.csdn.net/weixin_39345384/article/details/80095883…

网上有不少资源,但大多是“授人以鱼”,文中一步一步的告诉你怎么做,却没有解释为什么,以及他是如何知道的.他们默认着你知道种种专业名词的含义,默认着你掌握着特定技能.你折腾半天,查资料,看教程,一步步下来,有进行不下去的地方,再去查其他人的做法,最终也建立起了自己的独立博客.但却,恍然不知,你用到的技术是什么含义. 我认为,初学者,要想在一个项目中,切实提高自己,需要活用活学.遇到一个专业名词,就去搞懂它,而不是马马虎虎混过去.一个技能点.一个技能点的攻破,然后将点系统的连起来,形成自己的知识网络…