使用 Hexo，Material Theme 以及 Github Pages 搭建个人博客

准备条件 Node.js npm Git GitHub账号开始搭建 hexo init Blog cd Blog npm install hexo-deployer-git --save npm install hexo-material cp node_modules/hexo-material themes/material 修改博客根目录下的_config.yml中的以下项: yml title: JustSong author: Song language: en theme: mat…

基于 Hexo + GitHub Pages 搭建个人博客（二）

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

基于 Hexo + GitHub Pages 搭建个人博客（三）

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

使用Hexo + GitHub Pages 搭建个人博客

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

【一】Ubuntu14.04+Jekyll+Github Pages搭建静态博客

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

使用github pages搭建个人博客

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

基于 Hexo + GitHub Pages 搭建个人博客（一）

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

Hexo + Github Pages 搭建个人博客

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

Hugo + Github Pages 搭建个人博客

尝试过 Hexo .GatsbyJs. Vuepress 搭建博客后,对这些工具最大的不满,就是运行速度以及打包速度. 后来看到 Hugo ,号称最快的静态站点生成器后. 尝试搭建博客,发现不管是运行速度,还是打包速度超级快,果断将个人博客迁移到 Hugo. Hugo 官方的定义是: Hugo is a fast and modern static site generator written in Go, and designed to make website creation fun ag…

基于Hexo+Github Pages搭建的博客

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

使用 jekyll + github pages 搭建个人博客

1. 新建 github.io 项目其实 github pages 有两个用途,大家可以在官方网页看到.其中一个是作为个人/组织的主页(每个账号只能有一个),另一个是作为 github 项目的项目主页(每个项目可以有一个). 而 github pages 本身就支持 jekyll ,所以二者的结合使用非常方便. 这两种静态页面怎么生成在 https://pages.github.com/ 这里都有详细步骤. 所以现在既然我们要建的是个人博客,就是第一种用途了. 在 github 上新建一个 r…

30分钟使用Docsify+Github Pages搭建个人博客

前言现如今网上有许多完善的博客平台,如博客园.掘金.思否.知乎等.有人会说为什么现在网上有这么多成熟的博客平台,你还要浪费时间搭建一个自己的博客平台呢?首先我相信每一个程序员都会想要拥有一个属于自己的博客系统,其次使用Docsify能够快速构建一个自己的博客文档系统,最后我们可以通过Github Pages免费托管我们的博客系统文档(连域名和服务器都省了)这样的一次难得的实战机会我们又怎么能够错过呢.废话不多说,接下来步入正题. Docsify使用配置指南 Docsify使用指南(打造最快捷.…

Others - 使用 GitHub Pages 搭建个人博客

写在前面 GitHub 是技术知识分享的地方,如果使用它写其他奇奇怪怪的东西就算了. 正文新建一个名为 username.github.io 的 repository.其中 username 为你的 GitHub 的用户名在电脑中新建一个文件夹用于在本地存储你的 repository. 新建一个示例页面文件 index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8">…

Octopress + GitHub Page 搭建个人博客

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

HEXO与Github.io搭建个人博客

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…

使用github + Octopress 搭建免费博客 + 碰到问题的解决方法

使用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 具体配…

在github上搭建个人博客并在线更新

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

基于gitlab 15.1 pages 搭建内部博客一定行版本

背景基于 gitlab 15.1版 pages 搭建内部博客,参考官方文档,遇到一个又一个坑.之前看到别人吐槽说 gitlab 官方文档很差,我算是理解了.下面一个个说. 开始按照官方文档的说法,基于模板创建一个新项目. 然后执行 CI/CD > Pipelines ,等任务执行完毕,到 Settings > Pages 就能访问到博客了. 先说第一个坑,gitlab 提供的 hexo 模板 https://gitlab.com/pages/hexo 是两年前的了,Pipelines 根本…

如何用github快速搭建个人博客

当当当当-来看下新鲜出炉的Github博客 http://wli12.github.io/ 喜欢写markdown,但cnblogs对md文件的渲染简直丑爆了... 好奇怎么用github+Jekyll搭博客,看到jekyllbootstrap声称自己是The Quickest Way to Blog on Github Pages就跃跃欲试了. 第一步就踩到坑o(╯□╰)o ~$ gem install Jekyll /System/Library/Frameworks/Ruby.framew…

使用 github + jekyll 搭建个人博客

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

基于Hexo+Node.js+github+coding搭建个人博客——基础篇

附上个人教程:http://www.ookamiantd.top/2017/build-blog-hexo-base/ 搭建此博客的动机以及好处在此就不多谈了,之前已经表达过,详情请看Start My Blog Trip — Power By Hexo 记录一下搭建的基本过程以及遇到的一些问题,仅供参考 = =废话不多说,进入主题 Hexo博客搭建的基础大致流程为: 安装Node.js →安装Git → 安装Hexo → 安装主题 → 本地测试运行 → 注册给github与coding并创建pa…

HEXO+Git+Github+域名搭建个人博客

搭建个人博客可以分为以下五个部分一.搭建本地环境(个人为Win10) 1.安装Git,下载地址:点击下载后,按提示进行安装即可,作用是:把本地的内容提交到github上去注意:官网下载速度不是很快,可以去其他地方搜索相关资源. 2.安装Node,下载地址:点击按顺序安装即可 3.安装Hexo Node和Git都安装好后,创建一个文件夹,如blog,用于存放后期用到的所有的hexo文件. 在blog文件夹中右键,选择git bash here,打开窗口,输入: npm install he…

Github上搭建个人博客记录

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

用Octopress在Github pages上写博客

安装Git环境下载msysgit(git for windows),并安装. 可以选择安装TortoiseGit,这个在windows的资源管理器里装了很多git的右键菜单,对git命令行不熟悉的同学用起来很方便. 安装Ruby环境从RubyInstaller下载RubyInstaller,直接安装. 从RubyInstaller下载Devkit. 注意下载合适的版本: Ruby 1.8.6 to 1.9.3: tdm-32-4.5.2 Ruby 2.0.0: mingw64-32-4.7.…

GitHub快速搭建个人博客

> 正所谓前人栽树,后人乘凉.> > 感谢[Huxpro](https://github.com/huxpro)提供的博客模板> > [我的的博客](https://flyingwzb.github.io) # 前言从 Jekyll 到 GitHub Pages 中间踩了许多坑,终于把我的个人博客[Will Wang Blog](https://flyingwzb.github.io)搭建出来了... 本教程针对的是不懂技术又想搭建个人博客的小白,操作简单暴力且快速.当然懂技…

使用github+jekyll搭建个人博客

聊聊起初每次看到大牛们的博客,都会激起一颗一定要搭建自己博客的心,毕竟有着一颗向大牛们看齐的心.但是一直不知道如何下手,从最初的csdn写写博客到在github上建立仓库写代码分享,虽然也能够记录一些事情,但是总感觉缺少点什么--对,就是像是这东西并不是自己的.后来偶然机会知道了github的gh-pages功能可以搭建个人博客,然后兴致冲冲地去折腾了一番,但是了解到并不能搭建后台,突然间又像浇了一盘冷水一样,知道现在都还存留着这个博客的残骸,看这里http://rynxiao.github.…

使用Hexo在github上搭建个人博客

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

利用hexo+github+nodejs搭建自我博客的一天

放一张比较喜欢的背景图镇楼,伪文艺一波.因为刚刚抱着四个快递从公司大门走到宿舍,快递都比我高,坐电梯的时候电梯里面的灯一闪一闪,电梯还摇晃,上演了一波鬼吹灯,惊魂未定... 说正题:我喜欢的博客应该是比较简约的风格,然后自己可以在里面为所欲为的.所以我弄得大概是这一种样子的. 手机电脑都可以访问:https://sulishibaobei.github.io.查看效果. 如果要查看我的源码,可以去我的github上看,访问:https://github.com/sulishibaobei/hex…

用Hexo在GitHub上搭建个人博客

我用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…

在github上搭建个人博客

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

【使用 Hexo，Material Theme 以及 Github Pages 搭建个人博客】的更多相关文章