查看效果 每日前端 我的博客 实现:1.下载这段js代码到项目目录 ===>下载地址2.在需要的地方添加js代码 <script type="text/javascript" src="js文件目录"></script> cnblog增加点击红心特效设置 ==>页脚HTML代码 ==>添加js代码到最后一行ps:有cdn的可以把js文件放到cdn,链接到cnblog,没有的直接复制js代码到cnblog设置处,如下: <…
What? Hexo 是一个快速.简洁且高效的博客框架.可以使用markdown 解析成文章,在几秒内,即可利用靓丽的主题生成静态网页. Why? 笔记需要整理 How? github 创建 charblus.github.io 项目 使用markdown 记录开发笔记和文章 日复一日 链接: Hexo官方网站 Hexo官方主题 快速开始 hexo n "hexo-post" hexo g hexo s hexo d 创建一篇文章 $ hexo new "My New Pos…
背景 由于工作性质的原因,做技术的总想记录和分享一下自己的学习和成长历程,向这世界证明我来过.写文章,发博客,一开始使用51cto,广告太多,看起来让人很痛苦:接着试用了博客园,广告少一些,但感觉还是不对:接着是一些国内知名的技术博客平台,都没有找到自己特别喜欢的. 于是决定自己搭建一个博客,作为一个运维,使用51cto搭建一个wordpress简直so easy,但是wordpress对markdown的支持不是很好,看着别扭.此外,这样就需要有自己的服务器,成本有点高,而且还要维护,放弃了.…
如果你喜欢拥有自己的博客域名,如果你喜欢折腾,可以先点击luckykun.com,看看效果,再选择要不要进来看看--- 之前一直都在博客园写博客,不过最近在逛园子的时候不小心看到了hexo,简直有种相见恨晚的感觉呀!在github上创建自己的开源博客,维护方便,主题多多,更重要的是,终于找到只属于自己的小窝啦!也希望自己能坚持写文^_^ 为了引起读者的兴趣,先介绍一下,搭建完成之后,只需这几个简单常用的命令,就能够轻松维护自己的博客了: $ hexo new(n) //写文章 $ hexo ge…
[TOC] 本文目录(注意无法点击): 前言 体验更加排版请访问原文链接:http://blog.liuxianan.com/build-blog-website-by-hexo-github.html 使用github pages服务搭建博客的好处有: 全是静态文件,访问速度快: 免费方便,不用花一分钱就可以搭建一个自由的个人博客,不需要服务器不需要后台: 可以随意绑定自己的域名,不仔细看的话根本看不出来你的网站是基于github的: 数据绝对安全,基于github的版本管理,想恢复到哪个历史…
利用Github和Hexo搭建独立的个人博客--基础篇 摘要:本文主要参考了使用hexo和Github上创建自己的博客.如何搭建一个独立博客--简明Github Pages与Hexo教程和使用GitHub和Hexo搭建免费静态Blog,梳理了主要的逻辑,并作了一些补充. 使用Hexo搭建博客也不错,建议一看. 步骤1:准备工作 github账号注册,建立名为XXX.github.io的repository(仓库) 安装git 安装node.js 安装Hexo(node内置) Hexo安装较易出错…
放一张比较喜欢的背景图镇楼,伪文艺一波.因为刚刚抱着四个快递从公司大门走到宿舍,快递都比我高,坐电梯的时候电梯里面的灯一闪一闪,电梯还摇晃,上演了一波鬼吹灯,惊魂未定... 说正题:我喜欢的博客应该是比较简约的风格,然后自己可以在里面为所欲为的.所以我弄得大概是这一种样子的. 手机电脑都可以访问:https://sulishibaobei.github.io.查看效果. 如果要查看我的源码,可以去我的github上看,访问:https://github.com/sulishibaobei/hex…
扯在前面 在很久很久以前,一直就想搭建属于自己的一个博客,但由于各种原因,最终都不了了之,恰好最近突然有了兴趣,于是就自己参照网上的教程,搭建了属于自己的博客. 至于为什么要搭建自己的博客了?哈哈,大概是为了装逼吧. 之前有选择其它平台,记点自己的学习笔记,做技术这行,要不断学习新知识,俗话说的好,好记性不如烂笔头,如果不记笔记,三天学习,两天忘记.自己搭建博客的话,样式的选择也比较自由,可以自己选择,不需要受限于各大平台. 网上搜 hexo 关键字,这样的教程一大堆,为什么我还要写这篇文章呢?…
前言:我的博客写作之路 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: 扫描二维码关注微信公众号,了解更多 # 在图片的底部添加描述 配置完成后,切记将所需要扫描的二…
一.前言 之前是在CSDN上写博客的,但是无奈其广告满天飞,还有因为个人不太喜欢CSDN博客里的一些东西,加上看到很多技术大牛都有自己的个人博客,于是乎!便想着搭建一个自己的个人博客.其实之前写博客还是追求于有很多人来看,以满足自己这样的一个欲望,后来慢慢觉得写博客无非是记录一下自己成长的历程,别人看不看其实也是无关紧要的. 就在这各样的原因驱使下,便开始了搭建个人博客之路,第一次使用Hexo+码云搭建了一次博客,但是因为其总是加载不了我的博客样式,没办法只好放弃了,但是过了几天,之前的动力又突…
前言 一直想要一个自己的独立博客,但是觉得申请域名+服务器的太麻烦了就一直没有实现.偶然机会发现Hexo这个优秀的静态博客框架,再搭配现在流行的gitHub,简直是完美写博客的黄金搭档(免费+方便). 于是就上网参考了好多教程最后磕磕碰碰的搭建了起来.但是网上的教程多多手手都有点问题,可能比较早把.就有了这个自己总结的教程,一是自己总结一下.二是给也想搭建Hexo博客的童鞋们多一点参考. 正文 我这个教程是基于window系统用户,Hexo3版本 安装前提软件 Node.js: 作用:node.…
最近有几位同学在公众号后台留言问我的博客站是怎么建站的,思来想去,还是写一篇从 0 开始吧. 前置准备 我们先聊一下前置准备,可能很多同学一听说要自己搭一个博客系统,直接就望而却步.不得有台服务器么,不得搞个数据库么,不需要域名备案么?当然,这些确实是建立一个博客站点需要的东西,如果都没有,问题倒是也不大. 首先,Github 为我们做出了巨大的贡献,直接帮我们解决服务器和域名问题,当然,在国内访问 Github 可能会有些慢,但是国内有 Gitee 啊,完全不逊色 Github 的好不好. 博…
使用 Hexo 在 GitHub 上建立博客 # 写在前面 其实我在一月份的就开始写了三篇博客文章,你没有看错,只是写了三篇,然后,就没有然后了.我还在其中一篇文章中写着,不知道自己能够坚持多久.事实是,为大约坚持了两天.于是,就停止了更新.这真的很让人汗颜.不过,现在想想.之前所用的框架可能确实也不如这个方便.之前用的是 jekyll ,其实就是通过 GitHub 自己生成静态页面.但是总是需要在提交代码后更新 gh-Pages .感觉有点麻烦.而且有时候还是会有延时才能生成.总是感觉不那么痛…
GitHub账号 mac/pc 环境 12 node.jsgit 创建GitHub仓库 登陆GitHub,创建一个新的Respository Repository name叫做{username}.github.io {username}代表你的GitHub用户名,Repository name一点要叫这个 绑定域名 待定 绑定ssh秘钥 设置git用户名和邮箱 12 git config --global user.name "liuxianan"git config --globa…
之前很早就想用hexo弄一个自己独立的博客了,在博客园也写了很多的博客,不过不喜欢博客园的风格.不过今天,终于折腾成功了,用hexo搭建了一个在github写的博客,开心,后面会将自己以前的博客慢慢迁移过来. 前期准备工作 安装hexo npm install -g hexo 创建一个文件夹,如:myBog,cd到myBog里执行hexo init命令 执行hexo generate (hexo g 也可以) 执行hexo server hexo写博客的步骤 新建一篇博客: 方法1: 1 hex…
每个程序猿都需要一个个人博客,目前广泛出现在大家视野里的有CSDN.博客园.简书,但是他们却没有给用户一个专属的站点.一个好记的域名.你需要一个https://xxx.xxx.xxx/格式的网址,一个自由书写代码的站点,一个真正的个人博客. 1. GitHub提供的免费网站 1.1 GitHub--面向开源及私有软件项目的托管平台 GitHub官网 作为开源代码库以及版本控制系统,Github拥有超过900万开发者用户.随着越来越多的应用程序转移到了云上,Github已经成为了管理软件开发以及发…
概念 Github Pages可以被认为是用户编写的.托管在github上的静态网页.使用Github Pages可以为你提供一个免费的服务器,免去了自己搭建服务器和写数据库的麻烦.此外还可以绑定自己的域名. Hexo是一个快速.简洁且高效的博客框架.Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页. Hexo渲染的博客页面简洁美观,支持Markdowm,用户可在本地编辑好文章,使用git工具push到github. 实操 以下是在Mac电脑上…
layout: post title: "搭建minima主题的github博客网站" date: 2019-04-20 19:20:20 +0800 --- 作者:吴甜甜 个人博客网站: wutiantian.github.io 鸣谢:王顶 老师(河北经贸大学,github:wangding),该文章为网络课程教学素材. 我(吴甜甜)学习了王顶老师的github系列课程,并得到王顶老师网络指导多次. 更多学习视频内容请登陆51CTO视频课,[王顶]GitHub 开源之旅视频课程第八季…
一直听说用hexo搭建一个拥有自己域名的博客是很酷炫的事情~,在这十一花上半个小时整个hexo博客岂不美哉. 使用Hexo吸引我的是,其简单优雅, 而且风格多变, 适合程序员搭建个人博客,而且支持多平台的搭建,再加上有些node,git基础,分分钟创建出一个高大上的博客.废话少说,开始吧. 准备工作 1.node:用来生成静态页面的 到Node.js官网下载相应平台的最新版本,一路安装即可. 2.git: 把本地的hexo内容提交到github上去.没有安装的可以看此教程. 3.github:用…
我们无法选择生活的样子,但我们可以记下来. 博客的开始 其实,一切都是为了更好的装逼.好吧,我着相了. 最开始想做一个自己博客,主要是因为看到了很多人都有,觉得自己没有太 Low 了.于是申请了 CSDN 的用户,但是太丑了,于是又申请了博客园,感觉这些都不是我想要的,而做为一个 Emacser 不使用 Github 搭建一个自己的博客,感觉就已经落伍了. 于是就有这最初的一个,相当简陋的利用 Emacs 的 Org-mode 搭建的博客,后来看了 Org-page 这个包,但是,我配置不好啊!…
扯在前面 在很久很久以前,一直就想搭建属于自己的一个博客,但由于各种原因,最终都不了了之,恰好最近突然有了兴趣,于是就自己参照网上的教程,搭建了属于自己的博客. 至于为什么要搭建自己的博客了?哈哈,大概是为了装逼吧. 之前有选择其它平台,记点自己的学习笔记,做技术这行,要不断学习新知识,俗话说的好,好记性不如烂笔头,如果不记笔记,三天学习,两天忘记.自己搭建博客的话,样式的选择也比较自由,可以自己选择,不需要受限于各大平台. 网上搜 hexo 关键字,这样的教程一大堆,为什么我还要写这篇文章呢?…
之前一直想搭建自己的博客,由于自己的懒惰拖到现在.好了,废话不多说!直接上干货! 安装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 + Hexo 搭建了一个简单版的个人博客系统,但是里面的内容单调,很多功能不够完善,所以我们需要对yelle 的主题进行优化和完善.基本搭建请访问:http://blog.csdn.net/xiangzhihong8/article/details/53355036 主题配置介绍 从中我们也可以看出,对于主题来讲,大部分可以配置的地方其实都是在这里的.所以我们需要了解一个基本的主题样式. duoshuo,如果你是打算采用多说评论系统的话,你需要设置这里,…
环境 Windows 10(64 位) Git-2.7.4-64-bit node-v4.4.7-x64 如果上述软件已经安装的,跳过,没有安装的下载安装. 1,git下载安装(https://git-for-windows.github.io/) 2,node下载安装(https://nodejs.org/en/) 3.安装npm工具(这里可以先不安装,我是之前做RN,所以已经安装好了) 4,验证安装是否成功. 为了验证是否安装成功,我们在dos桌面输入如下的命令: git --version…
--------------------------------------可能我书写的方式跟别人顺序不一样,但这是我的成功经验-------------------------------------- 1.先看成果---小小易的个人博客 2.工具+版本 npm 3.10.8 git Shell 3.开始 1),先从简单的开始: 先去github里创建一个repository;如图; 创建后的页面 ![image](D:\blog\source\hexoImg/2017-04-25_00260…
以前一直想搭建一个属于自己的博客平台,有余种种原因一直未能实现,最近闲来无事,参照网上的教程,搭建了属于自己的博客.自己的博客网站,样式自由,不需要受限于各大平台. 本篇为从零开始的基础篇,本篇所包含的内容如下: 安装Git 安装NodeJs 安装hexo 生成SSH并添加到github 部署项目 上传到github 绑定个人域名 修改及配置主题 添加RSS 添加评论 写文章部分 开始 由于本人的电脑在搭建博客之前就有了各种环境,但是对于没有任何基础的人来讲,我觉得还是从源头开始讲会好一点,就像…
搭建好简洁的博客框架后,回看时发现,简洁之中透露着一丝丝简陋,好的,网上关于丰富hexo的文章也很多 记录一下自己的一些瞎操作. 在你的hexo目录下,你可以看到themes文件夹里有个默认的landscape主题,网上一般的建议是使用next主题 关于NexT的下载与使用见以下链接:http://theme-next.iissnan.com/ 记得,这个next主题文件夹也应该放在themes文件夹里面,就是这样 然后一般的修改配置无非就是hexo本身配置文件上和对应主题的配置文件上修改. 具…
1.检测node和npm 先检测一下有没有node.js和npm $ node -v //如果有,说明node.js安装成功! $ node -v v8.4.0 //如果有,说明npm安装成功! $npm -v $ npm -v 5.3.0 2.安装hexo 在git-bash中运行以下命令安装hexo 安装hexo全局 $ npm install -g hexo-cli 建立文件夹 hexo init blog cd blog npm install 然后运行 $ npm install 就能…