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

详细的可以查看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,只要有百度旗下的账号就可以登录,登录成功之后在站点…

安装部分配置hexo icarus主题配置 安装icarus 直接下载主题模块放到blog项目 ,blog项目根目录执行 git clone https://github.com/ppoffice/hexo-theme-icarus.git themes/icarus 此时已经下载到项目中. 顶级_config.yml中选择icarus主题 # Extensions ## Plugins: https://hexo.io/plugins/ ## Themes: https://hexo.io/t…

前言 国内一些免费的博客平台比如CSDN.博客园都已经很成熟,功能齐全,已经可以满足我们的需求,帮助我们记录学习过程遇到的问题,还能分享帮助其他人解决问题.为什么还要自己动手去搭建博客呢?首先写博客是对自己学习经历的一种总结,其次搭建个人博客,是对自己独立思考能力.动手能力的提升,通过大量的百度Google以及查看官方API解决问题,会瞬间觉得整个人心情都好了.最后奉上我的真实感受,搭博客不管你是否爱学习,喜欢新事物,一定要有一颗抗折腾的心~~~ Hexo安装 Hexo简介 Hexo 是一个快速…

每个人对于主题样式的感觉是不一样的,譬如字体大小,间距,高宽,距离,颜色等,我们可以一定程度内很直观地去修改主题的某些样式. 首先,在浏览器中利用开发者工具进行调试,找到我们所要改动的那部分结构,写入css样式,调试出我们所想得到的结果并记住所对应的样式选择器. 其次,我们需要在cards主题中找到拥有这些样式选择器的模块,修改代码,写入我们刚刚调试过的代码,最后执行清理.部署.运行即可. 主题main_color颜色配置,自定义喜欢的色调 style: # 颜色配置 color: main_c…

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

title: hexo next主题为博客添加分享功能 date: 2018-01-06 20:20:02 tags: [hexo博客, 博客配置] categories: hexo next主题配置 --- 今天心血来潮,决定给博客添加分享功能,百度上首先是找到了使用shareSDK的分享功能,最后在实践的过程中发现它添加时步骤比较多,添加完成后效果比较丑(就是一个长条的浅蓝色按钮),而且点击后想要退出分享比较麻烦(它的取消按钮实在太难找了,它在页面最下方的位置,呈现浅灰色,这个设计太反人类了…

最近在优化hexo 新搭建的博客,想给博客添加一个天气插件,奈何找了很久也没发现,好不容易发现一个天气插件 心知天气:https://www.seniverse.com/widget/get 运气不好刚好赶上官方维护,我还咨询了客服 ,插件升级改版暂停新用户接入,老用户还可以继续使用,不过今天的主题不是心知, 接下里步入主题........ 在搜寻插件的过程中无意间用google搜到的一个网站,而且使用更加简单,在这里附上插件添加的方法,在这里不得不吹捧一下谷歌的强大 中国天气网:https:/…

今天看到一个朋友在github上面的issue 大概问题就是怎么在不同的电脑上面使用 git有个这么个东西Submoudle中文叫做子模块 具体使用教程看这里Git-工具-子模块 这里只说怎么搞hexo多主题切换和换电脑啥的 开始 首先分两种情况 1. 主题的出了配置文件 或者其他文件没有DIY过,都是直接clone原来的主题作者的 2. 主题的CSS JS 文件自己改过 没有修改主题源码 如果没有修改主题源码那就按照下面的步骤来作 备份主题配置文件 文件在 themes/主题名字/_confi…

文章目录 背景: 开始: 新建comments_git.js 找到comments.swig在最后一个endif之前 引入代码 pjax加入gitalk 遇到的问题 所有的页面共享的一个评论issue 本地4000启动报错401 没有权限 未找到相关的Issues 进行评论,请联系xxx初始化创建 发现自己的留言板明明评论了却不显示 gitalk自己的博客首次需要登录github进行初始化,初始化的时候跳转到了blog首页. gitalk自己的博客登录成功后报错 Error: Validatio…

文章目录 tip:没有耐心的可以直接看:正式在hexo next中加入懒加载(最下面) 废话 背景 懒加载简单介绍 引入js 重点!敲黑板了!!! 完善懒加载函数 懒加载函数可配置的参数 正式在hexo next中加入懒加载 1: 2: 3:按我的步骤来,不要问为什么. 个人博客:https://mmmmmm.me 源码:https://github.com/dataiyangu/dataiyangu.github.io tip:没有耐心的可以直接看:正式在hexo next中加入懒加载(最下面…

在默认设置下,文章链接都会改变,不利于搜索引擎收录,也不利于分享 更改index.swig文件 文件路径是your-hexo-sitethemesnextlayout,将下面代码 1 {% block title %} {{ config.title }} {% endblock %} 改成 1 {% block title %} {{ config.title }} - {{ theme.description }} {% endblock %} 这时候你的首页标题会更符合网站名称 - 网站描…

一直在使用hexo写自己的博客,最近博客刚刚搬家重新搞了下博客: 1.为hexo添加站内搜索 我用的是algolia,在next主题5.x以上的版本集成了algolia站内搜索功能,我们只需要简单的配置下就可以使用:安装: 1 npm install hexo-algolia --save 配置: 123456789 algolia: 大专栏  Hexo next主题安装algolia applicationID: 'your applicationID' apiKey: 'your apiKe…

Hexo.主题.部署上线 安装Hexo git和nodejs安装好后,就可以安装hexo了,你可以先创建一个文件夹MyBlog,用来存放自己的博客文件,然后cd到这个文件夹下(或者在这个文件夹下直接右键git bash打开). 比如我的博客文件都存放在D:\MyBlog目录下. 在该目录下右键点击Git Bash Here,打开git的控制台窗口,以后我们所有的操作都在git控制台进行,就不用Windows自带的cmd了. npm install -g hexo-cli 安装完后输入hexo -…

博主喜欢简洁大方的Hexo主题,看了不下100个主题之后,最终选择了 landscape-plus 主题(针对中国大陆地区,对Hexo官方主题landscape进行优化后的版本).更多Hexo主题资源,可以参考帖子:有那些好看的hexo主题? 虽然 landscape-plus 整体风格我很喜欢,但有些细节方面处理得不够精致,只有自己动手改改了.如果大家还有什么好的想法,可以在评论区留言,我为大家定制修改. 原始效果 改后效果 GitHub Clone 地址 修改归档挂件的时间格式:(以下图片,…

这是一个简约.大气.实用的Hexo新主题:BMW…

VSCode-python 进阶配置 中文乱码 中文乱码,网上一堆解决方法,但是根本没有有效起作用的. 在python脚本的前面添加: # -*- coding:utf-8 -*- 并不能在控制台输出时是的print输出中文不乱码.但是此时os.system()的输出却是正常的, 如果使用调试进行输出得到相反的结果:print输出正常,但是终端输出乱码. 解决方法:尽量不要用中文 好吧,确实没卵用!哪位小伙伴有解决方法,请不吝赐教. 自动添加文首注释 此时需要安装vscode-fileheade…

在上一篇文章里<Ubuntu Server下docker实战 01: 安装docker>,我们已经把docker安装起来了,并运行了一个hello-world 这一篇,我们继续讲进阶配置. 1. 配置docker在系统启动时候自动启动 sudo /lib/systemd/systemd-sysv-install enable docker sudo systemctl enable docker sudo systemctl restart docker.service 这样我们重启服务器后,…

title: 使用hexo建立主题,并发布到github 根据hexo官网的概述和hexo官网的建站,搭建最开始的hexo博客. 1.环境预先安装好node.js和git 2.npm安装hexo: $ npm install -g hexo-cli 3.进入对应目录: $ hexo init <folder> $ cd <folder> $ npm install 4.进入使用命令行: $ hexo clean $ hexo g $ hexo s 5.查看本地运行的hexo loc…

文章目录 背景: 进入正题 pjax初体验--instantclick 真正的pjax 第一步 第二步 第三步 第四步 专门基于hexo next主题的pjax(将丢失的js效果重现) 将下面讲到的提取出来 点击右边的sidebar,sidebar不出现 sidebar自动隐藏,自动显示,点击出现,点击隐藏,回到首页,回到中间等操作 添加bootstrp出现闪屏的现象 右边的sidebar鼠标滚动目录滑动事件没了 局部刷新文章不显示了,文章那里是空白的. 评论没了 局部会闪一下 阅读数没了 百度…

个人博客:https://mmmmmm.me 源码:https://github.com/dataiyangu/dataiyangu.github.io 背景 hexo next主题,本人diy的时候pc端点击链接显示正常,但是移动端点击链接页面会偶尔显示偶尔不显示的情况. 解决 单单针对这个错误是不太好排查的,我们先解决看看是不是有其他的错误影响了,通过访问博客发现报错了,是关于require的timeout错误,在自己的另一个文章中解决了这个问题,https://blog.csdn.net/…

本篇 更换 Hexo 下的 Markdown 渲染插件 学习 Markdown 基本语法 ✎更换 Markdown 渲染插件 ✎原因 Hexo 内置的默认渲染插件是 hexo-renderer-marked,缺少很多功能,比如 GFM (GitHub Flavored Markdown).上下标.脚注.emoji 等 ✎hexo-renderer-markdown-it 插件 hexo-renderer-markdown-it 插件支持大量扩展功能,可以实现 Hexo 博客的 footnote…

如何对如何搭建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…

根据此篇博客(点击查看) 配置出自己的博客阅读量,里面介绍了如何配置开通 leancloud 应用 当然介绍我如何配置 yilia 显示自己的浏览量的. 首先在 yilia 主题下修改 _config.yml 添加如下配置信息 # 添加浏览量 leancloud_visitors: enable: true app_id: ************** app_key: ************ #添加一下js插件的 CDN地址 js_cdn: jquery: https://cdn.bootc…

YAML 是专门用来写配置文件的语言,非常简洁和强大,我们的配置文件就是这种格式.需要了解的只有: # 我是文配置件的注释 重要提示,例如:"theme: landspace"中冒号右边是半角空格,要切换到英文状态哟 网站site 参数 描述 title 网站标题 subtitle 网站副标题 description 网站描述 author 您的名字 language 网站使用的语言 timezone 网站时区.Hexo 默认使用您电脑的时区.时区列表.比如说:America/New_…

github+hexo搭建好个人博客之后,一般都挑选自己喜欢的主题.在这里为大家介绍一下比如何挑选主题以及如何修改主题. 主题选择: 1:知乎推荐 2:hexo官方 本地目录中打开git bash: 然后使用clone的方法将想要的主题下载下来.(我选用的是hexo-theme-3-hexo主题) $ git clone https://github.com/yelog/hexo-theme-3-hexo.git git克隆完成后,打开当前目录下的“_config.yml”配置文件. 找到the…

根据关键字搜索博文,站内搜索的功能很实用.hexo开启站内搜索很方便,已经有现成的插件可以使用,也是为了方便自己 安装插件 npm install hexo-generator-search --save npm install hexo-generator-searchdb --save 配置hexo站点主配置文件_config.yml,在文件末尾添加 search: path: search.xml field: post format: html limit: 10000 修改next主题…

前言 本博客基于Hexo框架搭建,用到 hexo-theme-butterfly 主题(本人博客Butterfly版本3.4.0),hexo-theme-butterfly是基于Molunerfinn的hexo-theme-melody的基础上进行开发的. Butterfly 已经更新到 3.6.2 ,请先参考这系列文档 Butterfly教程 进行基本配置 .如果这篇文章帮到了你,请在 留言板 写下您的评语吧,感谢您的大力支持! 主题特点: 1. 简单漂亮,文章内容美观易读 2.Materia…

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

在2013 Google I/O 大会上,谷歌推出了自家全新的安卓软件集成开发工具 Android Studio,这是 Google 基于 IntelliJ IDEA 改动而来. 谷歌称 Android Studio 将会让开发人员更快.更具生产力,它全然免费,跨平台支持 Win/Mac/Linux,是替代 Eclipse 的最佳安卓开发工具,想来还是有点小激动. 关于Android Studio怎样安装的文章网上搜一下还是有非常多的,近期想升级为最新版的0.9.3 ,但由于网络訪问和版本号,时…