hexo-tag-cloud插件是作者写的一个Hexo博客的标签云插件,旨在直观的展示标签的种类,美观大方且非常优雅。
2017-05-16 by Liuqingwen | Tags: Hexo | Hits
需要说明的是,如果将这个js 文件直接放在 hexo 目录的source 文件夹中,会报错无法渲染站点,此处有两种解决方案
把下载好的Js文件放在theme/Butterfly/source/js文件夹下 /Butterfly/layout/includes文件夹下找到head.pug文件,在最后引入
一直说要出一篇从零搭建博客的教程,但是最近真的很忙,一直没有时间,尽量抽出时间将博客教程写出来了,如下,阅读本文需要你有以下技术储备:
前言 有大段的东西想要放上去,但又不想占据大量的位置。折叠是最好的选择。下面在Hexo的主题上定制添加折叠功能。 本文基于Hexo Next的主题修改。其他主题应该也差不多。效果如下:https://blog.rmiao.top/hexo-fold-block/ 在main.js中添加折叠js next主题的主要js位于themes/next/source/js/src/post-details.js, 在里面找合适的位置,添加如下代码: $(document).ready(function(){
准备工作: Hexo : 基于Node的一个静态博客框架,可以方便生成静态网页托管在github上 node,js : 用来生成静态页面。 Node.js官网下载 git :本地数据提交至github github : 博客的远程仓库,备份数据 安装: 安装Node.js 安装Hexo 终端中输入 : npm install -g hexo 终端cd到一个选定的目录 执行 hexo init 安装npm npm install 开启hexo服务器 hexo s , 浏览器中打开网址: ht
如果使用的是butterfly主题,hexo-neat会与主题的各类配置本身起冲突,如果有压缩静态页面资源的需要,可以参考Hexo博客静态资源加速的相关内容。
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,可以在非浏览器环境下,解释运行 JS 代码。
date: 2020-10-17 04:30:36 author:Payne Mail:wuzhipeng1289690157@gamil.com
2018-10-26 by Liuqingwen | Tags: Hexo | Hits
浏览器访问 TechGrow (opens new window) 的官网 ,注册并登录账号后,进入博客的后台管理页面。首先点击左侧的菜单 博客注册,然后点击 新增 按钮,添加自己博客的信息。博客注册成功后,记录下 博客 ID,后面的步骤会使用到
Jekyll这个主题其实非常适合简单新手的,但是我看了几年有点厌倦,所以想试试Hexo。其中Volantis这个主题我比较喜欢,所以马上开工了。
Hexo的标签就是高效渲染+静态+简单,安装好后的后续文章的推送和页面的一些修改采用的是git方式的推送,通过密钥方式登录避免了每次推送更新都要输入密码的麻烦。安装过程主要分为服务器端的安装后本地客户端的安装,服务器端需要安装nginx+git+node.js,客户端的话是:git+node.js+hexo。
到目前为止,我们的本地博客就成功搭建了,但是现在我们只能通过本地连接查看博客,我们要做的是让其他人也能够访问我们的博客,这就需要我们将博客部署到Github Pages上,在站点目录下执行下面的命令,也就是创建的博客目录下:
本文主要介绍了如何通过Hexo在GitHub上搭建个人博客,并分享了整个搭建过程。首先,作者介绍了环境准备,包括Node.js、Git和GitHub。然后,详细说明了如何创建Hexo项目、配置博客、配置主题和部署到GitHub。最后,作者还提供了在博客中添加内容的建议。
hexo+github搭建专属个人博客的教程很多,这里也就不再介绍了,当然你也可以点击阅读原文查看。但是在初始搭建完成后,需要进行很多配置,使得网站功能更加健全,因此本文主要介绍网站的功能补全和优化。
以前Hexo博客是托管到github上,因为国内访问github速度有些慢,这次试着把博客部署到阿里云的服务器上。本地系统Windows10上需要安装node.js+hexo。下面做一个详细的介绍。
写一个shell文件,把上面的命令写到里面,这样就不用每次都敲一遍了,嘿嘿。。。例如:创建preview.sh,内容如下,这样就可以直接预览了:
你了解 Hexo 吗?Hexo 是一个静态博客框架,基于 Node.js,将Markdown文章通过渲染引擎,生成一个静态网页,再结合 Git 命令(ssh),Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
本博客的主题已由 Fluid 改为 Butterfly, 部分功能可能失效,请注意!
使用LaTex添加公式到Hexo博客里 代码编辑器,强烈推荐使用微软的 VS code,相比Atom开启迅速,使用方便,扩展丰富
运行hexo g 命令没有问题,但是编辑器打开 public 文件生成的 index.html中代码未自动生成
最近小明介绍完自己用hexo+git搭建个人博客,大家好像更关心的是域名mynamecoder.com,不是应该关注技术嘛,让小明哭笑不得?,今天继续给大家讲一下如果觉得这两个代码托管平台打开加载太慢
这是阮一峰在博客中写到的关于 Blog 的想法,而这里的第三阶段的实现就是利用 GitHub Pages 搭建博客。
本文首发在我的个人博客:http://muyunyun.cn/ 写博客有三个层次,第一层次是借鉴居多的博文,第二层次是借鉴后经过消化后有一定量产出的博文,第三层次是原创好文居多的博文。在参考了大量前辈搭建hexo的心得后,此文尽量把一些别人未提到的点以及比较好用的点给提出来。所以你在参考本文的时候,应该已经过完了hexo。 快速实现博客压缩 项目压缩也叫代码丑化,分别对html、css、js、images进行优化,即把重复的代码合并,把多余的空格去掉,用算法把images进行压缩。压缩后的博客,加
官方文档 是我们的第一手资料,也是最好的。 安装 Hexo 相当简单。然而在安装前,您必须检查电脑中是否已安装下列应用程序:
仓库名称必须是**用户名.github.io**,比如我的用户名是damit5,那么我就填**damit5.github.io**
首先在配置Hexo+NexT之前,最好阅读一下 Hexo官方文档 和 NexT使用文档
新增一行 categories:,这样 每次 hexo n postname 时就会有 categories:
前段时间摸索了一波如何搭建一个免费的个人网站,同时发在朋友圈献丑了一波,对于大佬们来说是雕虫小技,但是对于爱学习的小伙伴很好奇,到底是怎么搞的。因为很多人都搞过,而且网上资料非常多,这里就选择小吴同(大)学(佬)制作的一个非常用心和详细的教程来分享给大家。
PWA的全称是Progressive Web Apps,译为渐进式网络应用程序。装配了PWA以后,用户可以将网站作为WEB APP安装到自己的设备上,以原生应用般的方式浏览博客,同时借助PWA的缓存机制,能够更快速的浏览。本文讨论的是使用两种方案实现PWA。最终效果不尽相同,但是都可以实现原生应用体验和更新弹窗提示。其实还有个离线博客,但是视方案不同会有很多BUG,而且离线博客意义何在啊!
之前试过了很多Hexo主题,但是都不太合胃口,就又又又转回了Next这种简单简约的主题。我的博客搭建在GitHub上,使用Vercel加速,完全白嫖真的快乐。
你了解Hexo吗? Hexo是一个静态博客框架,基于Node.js,将Markdown文章通过渲染引擎,生成一个静态网页,再结合Git命令(ssh),Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
最近刚刚搭建了这个博客,但发现,因为是在github仓库的静态页面的缘故,发现,不管是在Google&Baidu,几乎都搜不到相应的页面。。。更正一下不是几乎,是一点也不,所以今天添加了一下相应的优化。
这是搭建个人博客系统系列文章的最后一篇,如果你是从第一篇一路跟下来的,那么恭喜你,即将完成整个博客网站的搭建。OK,话不多说,开始我们的收官之战。
我们知道,使用 Github+hexo 搭建一个个人博客确实需要花不少时间的,我们搭好博客后使用的挺好,但是换一个电脑如何维护我们的博客呢?我们怎么使用 hexo 再发布文章到个人博客呢?
最近 next6 折腾了一段时间,最后还是回到了 next5,但是添加阅读全文按钮以后,默认的摘要生成不太方便,于是就把注意打到了 js 上。
要使用Hexo必须先安装Git和Node.js。本文是在Ubuntu20环境下进行操作的。使用其它系统也可以将下面的操作作为参考。
hexo博客是运行在4000的端口上,这个时候可以用服务器的IP:4000来访问。
一直以来自己都有书写文章的习惯,不管是收集资料还是表达自己的个人见解。最开始把资料都放在印象笔记里,但是印象笔记有个不好的点就是书写不方便,而且多设备登录不友好,需要升级账户。后来就搭建了一个WordPress站点,记录自己的点滴。慢慢的接触到了CSDN,也计划着在那里写博客。CSDN的编辑器有markdown版本,接触到了markdown就对其产生了好感。与此同时,我也将我的WordPress站点的编辑器换成了markdown编辑器,一处书写多处同步。 慢慢的,我感受到了WordPress站点的臃肿,由于我的站点原因,做的并不是单独的博客站点,所有的文章展示方面不友好。所以萌生了搭建一个单独的博客的想法。
Hexo是一款快速、简洁且高效的博客框架,其基于Node.js让页面快速完成渲染,强大的API带来无限可能,丰富的插件和主题让建站更容易,生成的静态网页托管在GitHub等平台上还可以省去大量服务器费用。
经常阅读此公众号文章的读者可能知道,这篇教程在一个月前发布过一次,因为题图的文字字体版权问题,不得不删除。今天重新发出来,给您说声抱歉。此教程博客是在自己的云服务器上搭建的,如果没有云服务器,同样可以利用GitHub免费搭建自己的博客,公众号回复:「GitHub」就可以获取视频教程。
折腾了好多天的Hexo博客,过程各种日狗,现在分享我折腾这么久的经验,包括完整的windows环境下的安装配置和优化…
网上有不少相关的帖子,不过版本会比较旧,而不同版本可能存在代码不同的问题,不过大部分还是大同小异,本系列就不啰嗦重复了,基本只会按照本人所使用的版本以及个人所使用到的内容来进行介绍。
PWA 是可被发现、易安装、可链接、独立于网络、渐进式、可重用、响应性和安全的。关于这些含义的细节,请参阅 PWA的优势。简单概括为以下几点
领取专属 10元无门槛券
手把手带您无忧上云