HEXO接近是最近有一些朋友提出的问题,然后我做了总结,如果你也在使用HEXO,不妨看看,应该会有些帮助. 1.博客部署样式出问题了怎么办? 2.电脑重装或者误删了本地博客怎么办? 3.想使用两台电脑写博客怎么办? 4.为何使用百度搜不到我的博客? 使用Jekyll解决前三个问题. 不得不说 Jekyll 确实可以解决我上面三个问题, 因为 Jekyll 是直接把Markdown格式的文章直接放在github仓库里的, 相当于直接用git来管理博客了, Github 官方也很推荐 Jekyll…

部署平台选型 前言 GitHub和Gitee(码云)是国内外比较流行的代码托管平台,现都推出GitHub/Gitee Pages可以存放静态网页代码,因此可以用来搭建自己的博客. 优缺点 平台 优点 缺点 Github 全球最流行的平台,且免费 国内由于有墙,访问太慢 Gitee 国内访问快 阉割部分功能,提供有偿服务,比如自动部署.自定义域名等需要升级Gitee Pages Pro 如上图所示,Gitee是需要付费的,但是考虑到部署到Github上,在国内访问真的太慢,经常加载要十几秒,最终折…

之前我已经写了一篇文章详细的讲述了如何使用hexo搭建github博客.如果还没有看的可以去看看,hexo搭建博客 其实,根据这篇文章的过程我们就能够搭建一个专属于自己,并且非常美观的博客了.但是如果你像我一样喜欢折腾,喜欢做到极致,比如添加打赏,添加文章导航,以及文章阅读次数,这些都很简单,按照主题文件的模版一点点修改,就能实现自己想要的效果了. 这篇文章主要记录我折腾的两个功能: 相册和独立域名. 相册 首先,看看我们实现后的效果,点这里看我的相册 分析 然后我们分析一下,想要获取相册图片,…

本文首发在我的个人博客:http://muyunyun.cn/ 写博客有三个层次,第一层次是借鉴居多的博文,第二层次是借鉴后经过消化后有一定量产出的博文,第三层次是原创好文居多的博文.在参考了大量前辈搭建hexo的心得后,此文尽量把一些别人未提到的点以及比较好用的点给提出来.所以你在参考本文的时候,应该已经过完了hexo.本文有以下内容: 快速实现博客压缩 文章链接唯一化 添加酷炫的打赏二维码 自定义JS和CSS 添加酷炫的歌单模块以及播放器 github分支管理博客思路 秒传图片到七牛云并展现…

详细的可以查看hexo博客的演示:https://saucxs.github.io/ 绑定了域名: http://www.chengxinsong.cn hexo+github博客网站源码(可以clone,运行,看到博客演示.觉得可以给颗星星):https://github.com/saucxs/hexo-blog-origin.git 一.搜索引擎收录 1.验证网站所有权 登录百度站长平台:http://zhanzhang.baidu.com,只要有百度旗下的账号就可以登录,登录成功之后在站点…

主题的配置:这里以NexT主题作为题材 1.安装NexT,在其文件夹中鼠标右键,点击Git Base Here.输入命令:git clone https://github.com/iissnan/hexo-theme-next themes/next 2.启用主题,在站点目录中(blog),打开配置文件_config.yml,修改theme:next 3.验证主题,端口号被占用还是得先修改端口号,然后启动服务 如果看到如下界面,说明成功安装了NexT主题 4.主题设定,在next主题目录下的_c…

备注:该教程基于Hexo 2.x版本,目前Hexo是3.x版本,照本教程实现有可能会出现404错误,笔者目前还未找时间去解决,待笔者找时间解决该问题后,再写一篇该问题的解决教程,给各位读者带来困扰,还请多包涵!若有读者遇到类似的问题解决了,欢迎在文章的评论区评论留言,我们相互学习! 前情提要 几个月前,写过几篇关于Hexo博客搭建的教程,最近几天,发现有很多读者私信我一些Hexo搭建过程中遇到的问题,重新燃起了我对Hexo博客的兴趣,于是花了一两天的时间重新将Hexo博客搭建了一下,并通过配置实…

@ 目录 *本文说明 请大家务必查看 前言 首先介绍一下主角:Hexo 什么是 Hexo? 环境准备 详细版 入门:搭建步骤 安装git: 安装node: 安装Hexo: 进阶:hexo基本操作 发布第一篇博客 : 修改Hexo默认主题: 实现github域名访问我们博客: 卸载Hexo 错误 问题1 报错地址: 问题描述: 解决方案: 问题2 报错地址: 问题描述: 解决方案: 问题3 报错地址: 问题描述: 解决方案: 自我总结 简洁版 入门:搭建步骤 安装git: 安装node: 安装He…

如何对如何搭建hexo+github可以查看我第一篇入门文章:http://www.cnblogs.com/chengxs/p/7402174.html 详细的可以查看hexo博客的演示:https://saucxs.github.io/ 同时绑定了域名:http://www.chengxinsong.cn/ 可以查看在github上生成的静态文件:https://github.com/saucxs/saucxs.github.io.git,如果觉得可以请给颗星星. 1.评论实现 在Hexo的Y…

主题的配置:这里以NexT主题作为题材 1.安装NexT,在其文件夹中鼠标右键,点击Git Base Here.输入命令:git clone https://github.com/iissnan/hexo-theme-next themes/next 2.启用主题,在站点目录中(blog),打开配置文件_config.yml,修改theme:next 3.验证主题,端口号被占用还是得先修改端口号,然后启动服务 如果看到如下界面,说明成功安装了NexT主题 4.主题设定,在next主题目录下的_c…

博客地址:往事亦如风的博客 要想先看打赏和分享功能效果,请移步我的博客 打赏功能 因为next主题自带打赏功能,所以我们只需要在next的主题配置文件中找到如下代码,image文件夹是我在blog/source下面建立的文件夹,然后把你的微信及支付宝收钱码图片拉进去,修改名字为wechatreward.png和alipayreward.png reward_comment: 坚持原创技术分享,您的支持将鼓励我继续创作! wechatpay: /image/wechatreward.png ali…

我想对于建立一个网站而言,第一步要能够做到正常在线访问以及定期产出一定的内容, 其实当网站建立好那一刻,这第一步已经算是完成了,不过我在此基础之上做了些扩展 在默认的card主题之上,我设置了标签.分类.搜索.夜间模式.页面目录.footer部分以及延伸引入rss订阅 简洁不等于简单,如果不做出这些扩展性的设置,那么整个页面就显得很空,缺少辅助性的功能. 那么第二部要进行的是进一步丰富主题的功能和样式 [x] 为文章添加缩略图 [x] 可选择创建折叠文本样式 [x] 文章置顶设置 [x] 添加字…

前言 前一篇文章 介绍了如何通过Cabloy-CMS快速搭建一个博客站点. 这里简单介绍Cabloy-CMS静态站点的渲染机制,更多详细的内容请参见https://cms.cabloy.com 渲染规则 渲染时机 为了平衡渲染性能,Cabloy-CMS提供了两个渲染时机:一次构建.文章单独渲染 一次构建 在CMS配置页面,点击构建按钮,一次性渲染并输出站点所有文件 文章单独渲染 当发布文章时,立即渲染文章,并渲染与文章相关的页面. 比如首页页面:为了提升首页加载性能,首页可能会包含最近发布的文章…

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

附上个人教程: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 npm install -g hexo-cli Mac 用户 您在编译时可能会遇到问题,请先到 App Store 安装 Xcode,Xcode 完成后,启动并进入 Preferences -> Download -> Command Line Tools -> Install 安装命令行工具. 创建博客文件夹: hexo init MyBlog cd MyBlog npm install 使用Next主题 theme-next/hexo-theme-next next-开…

原文链接 GitHub+Hexo 搭建个人网站详细教程 前言: 随着互联网浪潮的翻腾,国内外涌现出越来越多优秀的社交网站让用户分享信息更加便捷.然后,如果你是一个不甘寂寞的程序猿(媛),是否也想要搭建一个属于自己的个人网站,如果你曾经或者现在正有这样的想法,请跟随这篇文章发挥你的Geek精神,让你快速拥有自己的博客网站,写文章记录生活,享受这种从0到1的过程. 你见过的最棒的个人博客界面是什么样的? 什么是Hexo ? Hexo是一款基于Node.js的静态博客框架,依赖少易于安装使用,可以方便…

写在前面 注:博主 Chloneda:个人博客 | 博客园 | Github | Gitee | 知乎 本文源链接:https://www.cnblogs.com/chloneda/p/hexo.html 本文档是Github + Hexo 的搭建个人博客教程,其中Hexo基于Hexo v3.8.0版本,themes主题基于为NexT v7.0.0版本. 搭建博客前置条件可参考 如何搭建个人独立博客? 个人博客地址: Chloneda's blog 安装主题 在 Hexo 项目源码目录下,有两个…

摘要:这是一篇很详尽的独立博客搭建教程,里面介绍了域名注册.DNS设置.github和Hexo设置等过程,这是我写得最长的一篇教程.我想将我搭建独立博客的过程在一篇文章中尽可能详细地写出来,希望能给后来者一个明确的指引,同时用这篇教程开篇,正式开始我的第八大洲之旅. 前言 作为一个技术小白,没有技术基础,看网上的教程也云里雾里,看程序员的教程相当不容易,稍微有些细节描述得不清楚自己就要绕弯路去找答案(善用搜索引擎),所以,在自己的博客搭建完成之后,我决定要将我搭建博客的过程全记录下来,以供后期和…

准备 你需要准备好以下软件: Node.js环境 Git Windows 配置Node.js环境 下载Node.js安装文件: Windows Installer 32-bit Windows Installer 64-bit 根据自己的Windows版本选择相应的安装文件,要是不知道,就安装32-bit的吧- -. 如图所示: 保持默认设置即可,一路Next,安装很快就结束了. 然后我们检查一下是不是要求的组件都安装好了,同时按下Win和R,打开运行窗口: 在新打开的窗口中输入cmd,敲击回车…

该系列博客列表请访问:http://www.cnblogs.com/penglei-it/category/934299.html 摘要      或许在你看到我这篇我文章之前,你已经成功的通过Github+Hexo+NextT搭建个人博客这篇文章搭建了自己的博客系统.但是尽管您已经成功建立博客网站,但是你需要对网站做合适的配置和调整才能迎合你的网站要求.本文主要介绍HEXO的基本操作命令和网站的基本配置方法.而在本篇文章中我将着力讲解NextT主题的配置.其他主题的配置与此类似. 安装 Hex…

<Hexo+github搭建个人博客> 文/冯皓林 完稿:2016.4.22-2016.4.23 注意:本节教程只针对Windows用户.本教程由无人赞助,赞助写出. <Hexo+github搭建个人博客>1 思维导图总览:2 What?2 简介:2 Hexo:2 NodeJs2 Github4 Git5 Github page:5 Markdown6 How?7 环境配置:7 安装Git8 安装Node.js9 安装hexo13 第一步:打开cmd.13 第二步:进入NodeJS…

开始更换主题,hexo默认的主题是landscape,可以更换为其他的主题yilia主题 详细的可以查看hexo博客的演示:saucxs.github.io 可以查看在github上生成的静态文件:https://github.com/saucxs/saucxs.github.io.git,如果觉得可以请给颗星星. 下面贴出github上star数量最多的前10个主题: 1.iissnan/hexo-theme-next, 3510个star.2.litten/hexo-theme-yilia,…

使用的yilia主题之后,还需要进行自己的定制配置 1.图片的位置 比如打赏的支付宝二维码图片,是在当前博客的source/assets/img/下 (不是当前主题) 配置:(在yilia主题下文件里themes\yilia文件夹下的_config.yml) # 打赏基础设定:0-关闭打赏: 1-文章对应的md文件里有reward:true属性,才有打赏: 2-所有文章均有打赏 reward_type: 1 # 打赏wording reward_wording: '谢谢你请我吃糖果' # 支付宝…

详细的可以查看hexo博客的演示:https://saucxs.github.io/ 绑定域名可以查看:http://www.chengxinsong.cn 可以查看在github上生成的静态文件(如果觉得可以请给颗星星):https://github.com/saucxs/saucxs.github.io.git 注意1:怎么避免 .md 文件被解析? Hexo原理就是hexo在执行hexo generate时会在本地先把博客生成的一套静态站点放到public文件夹中,在执行hexo depl…

要使用Hexo,需要在你的系统中支持Nodejs以及Git,如果还没有,那就开始安装吧! 安装Node.js 下载Node.js 参考地址:安装Node.js 安装Git 下载地址:http://git-scm.com/download/ 安装Hexo $ cd d:/hexo $ npm install hexo-cli -g $ hexo init blog $ cd blog $ npm install $ hexo g # 或者hexo generate $ hexo s # 或者hex…

前言:电脑系统为window 10专业版,64位 相关步骤: 1.安装Node.js和配置好Node.js环境,打开cmd命令行,成功界面如下 2.安装Git和配置好Git环境,安装成功的象征就是在电脑上任何位置鼠标右键能够出现如下两个选择 注意:一般出于安全考虑,只有在Git Bash Here中才能进行Git的相关操作.如果需要在cmd命令行里调用Git,那么就要配置电脑的环境变量Path,或者在安装的时候选择use Git from the Windows Command Prompt.这…

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

  ## 准备工作 首先下载[nodejs](https://nodejs.org/en/download/),一路next安装即可.验证是否安装成功: ```bash node -v # 输出 v10.15.1 npm -v # 输出 6.8.0 ``` 接下来更改npm的安装源,这能大大加快安装包的速度. ```bash npm get registry # 输出默认源 https://registry.npmjs.org/ npm config set registry http://re…

大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:http://www.cnblogs.com/lvonve/ 在这里我会从 Web 前端零基础开始,一步步学习 Web 相关的知识点,期间也会分享一些好玩的项目.现在就让我们一起进入 Web 前端学习的冒险之旅吧! 一.个人博客的搭建过程 1.常见个人博客搭建方案 搭建个人博客一般有三种方式: Work…