Hexo + Github Pages 搭建个人博客】的更多相关文章

在 基于 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: 扫描二维码关注微信公众号,了解更多 # 在图片的底部添加描述 配置完成后,切记将所需要扫描的二…
一.前言 之前是在CSDN上写博客的,但是无奈其广告满天飞,还有因为个人不太喜欢CSDN博客里的一些东西,加上看到很多技术大牛都有自己的个人博客,于是乎!便想着搭建一个自己的个人博客.其实之前写博客还是追求于有很多人来看,以满足自己这样的一个欲望,后来慢慢觉得写博客无非是记录一下自己成长的历程,别人看不看其实也是无关紧要的. 就在这各样的原因驱使下,便开始了搭建个人博客之路,第一次使用Hexo+码云搭建了一次博客,但是因为其总是加载不了我的博客样式,没办法只好放弃了,但是过了几天,之前的动力又突…
前言:我的博客写作之路 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…
概念 Github Pages可以被认为是用户编写的.托管在github上的静态网页.使用Github Pages可以为你提供一个免费的服务器,免去了自己搭建服务器和写数据库的麻烦.此外还可以绑定自己的域名. Hexo是一个快速.简洁且高效的博客框架.Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页. Hexo渲染的博客页面简洁美观,支持Markdowm,用户可在本地编辑好文章,使用git工具push到github. 实操 以下是在Mac电脑上…
本系列有五篇:分别是 [一]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仓库来完成的,所以我们本地需要有Git环境,如果还没有安装Git,可以看下面的文章: 安装Git Git关联远程GitHub仓库 二.搭建博客 1.新建仓库 以username.github.io作为仓库名字. 2.本地克隆 本地创建文件夹,用于存放远程仓库,打开所创建的文件夹,右键选择git bash here,表示在当前目录…
尝试过 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…
准备条件 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…
放一张比较喜欢的背景图镇楼,伪文艺一波.因为刚刚抱着四个快递从公司大门走到宿舍,快递都比我高,坐电梯的时候电梯里面的灯一闪一闪,电梯还摇晃,上演了一波鬼吹灯,惊魂未定... 说正题:我喜欢的博客应该是比较简约的风格,然后自己可以在里面为所欲为的.所以我弄得大概是这一种样子的. 手机电脑都可以访问:https://sulishibaobei.github.io.查看效果. 如果要查看我的源码,可以去我的github上看,访问:https://github.com/sulishibaobei/hex…
1. 新建 github.io 项目 其实 github pages 有两个用途,大家可以在官方网页看到.其中一个是作为个人/组织的主页(每个账号只能有一个),另一个是作为 github 项目的项目主页(每个项目可以有一个). 而 github pages 本身就支持 jekyll ,所以二者的结合使用非常方便. 这两种静态页面怎么生成在 https://pages.github.com/ 这里都有详细步骤. 所以现在既然我们要建的是个人博客,就是第一种用途了. 在 github 上新建一个 r…
前言 现如今网上有许多完善的博客平台,如博客园.掘金.思否.知乎等.有人会说为什么现在网上有这么多成熟的博客平台,你还要浪费时间搭建一个自己的博客平台呢?首先我相信每一个程序员都会想要拥有一个属于自己的博客系统,其次使用Docsify能够快速构建一个自己的博客文档系统,最后我们可以通过Github Pages免费托管我们的博客系统文档(连域名和服务器都省了)这样的一次难得的实战机会我们又怎么能够错过呢.废话不多说,接下来步入正题. Docsify使用配置指南 Docsify使用指南(打造最快捷.…
写在前面 GitHub 是技术知识分享的地方,如果使用它写其他奇奇怪怪的东西就算了. 正文 新建一个名为 username.github.io 的 repository.其中 username 为你的 GitHub 的用户名 在电脑中新建一个文件夹用于在本地存储你的 repository. 新建一个示例页面文件 index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8">…
Tips:博客已搬家,新地址:http://wanxudong.top 首先说明两个关键术语: Octopress Octopress是基于 Jekyll 的博客框架.他们的关系就像 jQuery 与 js 的关系一样. 它为我们提供了现成的美观的主题模板,并且配置简单,使用方便,大大降低了我们建站的门槛. What is Octopress?(摘自Octopress官方文档) Octopress is Jekyll blogging at its finest. Octopress sport…
前言:博主目前大三,Web 前端爱好者.写博客的好处,不是为了写而写,而是一个记录思想的过程.不要考虑它能带给你什么,而是你自己从中收获了什么. 最近刚好有空,于是就参照网上的各种教程,搭建了一个博客.现在把 Hexo + GitHub Pages 搭建博客的完整过程记录下来: 个人博客地址:http://www.lovebxm.com 大概流程: 1. 搭建 Node.js 环境 2. 搭建 Git 环境 3. GitHub 注册和配置 4. 安装配置 Hexo 5. 关联 Hexo 与 Gi…
使用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与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 搭建免费博客,先说碰到的问题,具体创建方法见下面. 问题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 具体配…
换博客比更博还勤的我终于决定写一篇博客搭建教程了.. FAQ Q:\(hexo\)需要本地编译.\(jekyll\)虽然可以直接上传\(md\)..但是如果在github上直接编译也太难受了叭,毕竟不能在线预览... A:对于\(hexo\),博主目前也没有什么很好的办法233.(有个叫\(Travis CI\)似乎可以做到).所以这篇文章仅适用于\(jekyll\)主题的博客哦.\(jekyll\)其实也有些蛮好的主题的. Q:那我知道了,找个\(markdown\)在线编辑器编辑好,然后直接…
背景 基于 gitlab 15.1版 pages 搭建内部博客,参考官方文档,遇到一个又一个坑.之前看到别人吐槽说 gitlab 官方文档很差,我算是理解了.下面一个个说. 开始 按照官方文档的说法,基于模板创建一个新项目. 然后执行 CI/CD > Pipelines ,等任务执行完毕,到 Settings > Pages 就能访问到博客了. 先说第一个坑,gitlab 提供的 hexo 模板 https://gitlab.com/pages/hexo 是两年前的了,Pipelines 根本…
当当当当-来看下新鲜出炉的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 本地写markdown,然后push到github,就成了博客 其实我一早就知道这两者可以搭建个人博客,因为本人有个很好的习惯——每天都会去看看一些热门文章,了解行业最新动态,所以什么新鲜事儿我都知道点,可能不熟悉而已. 于是今晚就试着弄一下,去百度找了几个文章,结果一注意时间(程序员职业病)都是好几年之前的了,我瞬间就怀疑了时效性,因为技术发展太快了.于是就摸着石头过河,果然踩了几个雷. 雷就不说了,这不重要,重要的是总结一下正确的步骤. 创建github帐号和…
附上个人教程:http://www.ookamiantd.top/2017/build-blog-hexo-base/ 搭建此博客的动机以及好处在此就不多谈了,之前已经表达过,详情请看Start My Blog Trip — Power By Hexo 记录一下搭建的基本过程以及遇到的一些问题,仅供参考 = =废话不多说,进入主题 Hexo博客搭建的基础大致流程为: 安装Node.js →安装Git → 安装Hexo → 安装主题 → 本地测试运行 → 注册给github与coding并创建pa…
搭建个人博客可以分为以下五个部分 一.搭建本地环境(个人为Win10) 1.安装Git,下载地址:点击 下载后,按提示进行安装即可,作用是:把本地的内容提交到github上去 注意:官网下载速度不是很快,可以去其他地方搜索相关资源. 2.安装Node,下载地址:点击 按顺序安装即可 3.安装Hexo Node和Git都安装好后,创建一个文件夹,如blog,用于存放后期用到的所有的hexo文件. 在blog文件夹中右键,选择git bash here,打开窗口,输入: npm install he…
最近有几位同学在公众号后台留言问我的博客站是怎么建站的,思来想去,还是写一篇从 0 开始吧. 前置准备 我们先聊一下前置准备,可能很多同学一听说要自己搭一个博客系统,直接就望而却步.不得有台服务器么,不得搞个数据库么,不需要域名备案么?当然,这些确实是建立一个博客站点需要的东西,如果都没有,问题倒是也不大. 首先,Github 为我们做出了巨大的贡献,直接帮我们解决服务器和域名问题,当然,在国内访问 Github 可能会有些慢,但是国内有 Gitee 啊,完全不逊色 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.需要注意的是.刚改完不会立即生效!…
安装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.…
> 正所谓前人栽树,后人乘凉.> > 感谢[Huxpro](https://github.com/huxpro)提供的博客模板> > [我的的博客](https://flyingwzb.github.io) # 前言从 Jekyll 到 GitHub Pages 中间踩了许多坑,终于把我的个人博客[Will Wang Blog](https://flyingwzb.github.io)搭建出来了... 本教程针对的是不懂技术又想搭建个人博客的小白,操作简单暴力且快速.当然懂技…