博客精致创建及错误解决之旅
文章平均质量分 61
AomanHao的个人博客创建过程,包含主题配置、主题优化、加载优化及错误解决等内容。
前期内容以Hexo博客为主题,辅以Next和Yilia等主题内容。后期转至Typecho动态博客框架,以handsome主题
AomanHao
热爱图像处理,优化彩色世界
展开
-
博客新增每日早报api,网站增加每日早报功能
使用alapi的每日早报接口,回调一个日报图片,然后展示这个图片,即可看到每日早报内容。然后获取用户中心的Token密钥,这个用于输出早报内容。原创 2024-02-18 18:14:55 · 1043 阅读 · 0 评论 -
Typecho后台无法登录显示503 service unavailable问题及处理
以游客身份访问网站没有问题,但是登录typecho后台显示503,就是无法以管理员身份登陆后台进行操作。typecho后台登陆网址,我的是https://www.aomanhao.top/admin。原创 2024-01-23 14:55:21 · 1250 阅读 · 0 评论 -
MarkDown书写语法(常用格式)
实际上每个 Markdown 应用程序都实现了稍有不同的 Markdown 语法,熟悉MarkDown书写语法常用格式,满足日常文字编辑需求。原创 2023-11-15 15:17:19 · 839 阅读 · 0 评论 -
MarkDown文件插入图片(绝对\相对路径\调整图像大小位置)
相对路径md文件所在文件夹及子文件夹,例如md文件在‘F:\’内,‘F:\image\’、‘F:\test\’都是相对路径;注:不同网站支持的markdown语法不同,支不支持HTML语法也不同,例如你的文章想法在不同的网站,可能会出现不兼容。注:不同网站支持的markdown语法不同,支不支持HTML语法也不同,例如你的文章想法在不同的网站,可能会出现不兼容。注:不同网站支持的markdown语法不同,支不支持HTML语法也不同,例如你的文章想法在不同的网站,可能会出现不兼容。原创 2023-11-13 20:03:54 · 7945 阅读 · 0 评论 -
谷歌浏览器谷歌翻译不能使用,有如下优化方案可尝试
windows10用户用管理员身份运行记事本——选择打开文件夹【C:\Windows\System32\drivers\etc】——右下角选择【所有文件】——点击【hosts】这个文件进行打开。谷歌浏览器:右上角三个小点——更多工具——扩展程序,打开右上角开发者模式——加载已解压的扩展程序——选择文件夹【0.2.1_0】,即可安装成功。链接:https://pan.baidu.com/s/1dt_0IZPU-cD5TWWgfYpqJw。host文件地址:/etc/hosts。原创 2022-12-20 11:22:12 · 1307 阅读 · 0 评论 -
支持typecho博客的黑白模式纪念日插件
theme-color项值用来控制 An-droid Chrome 通知栏和标题栏变色,通过这样一个 meta: 在纪念日的时候,这项设置是不会生效的。非纪念日的时候,如果此项留空,那么将会保持原来的 meta;如果不留空,那么将会显示你设置的 meta。所以总结就是,如果你的主题带 meta theme-color,那么把这项留空。一个可以在指定日期让你的网站变成黑白模式的纪念日插件,以此来缅怀那些逝去的生命。原文地址:https://www.baifan97.cn/archives/363/原创 2022-12-01 00:20:27 · 707 阅读 · 0 评论 -
Typecho左右侧广告区域展示恋爱线时间
该教程适用typecho动态博客框架,handsome主题,展示恋爱线时间,效果立于博客网页左侧右侧等区域,展示如下:教程typecho动态博客框架,handsome主题下,将下面代码粘贴到后台设置主题-开发者设置-自定义 JavaScript<!--恋爱记时-->function lovexhjSitetime() { window.setTimeout("lovexhjSitetime()", 1000); var s原创 2021-02-14 21:14:15 · 618 阅读 · 8 评论 -
Typecho handsome主题一言接口修改
说明handsome主题默认使用的是 https://v1.hitokoto.cn 一言接口博主感觉不是太满意,于是想换成自己的“一言”服务接口首先需要自己搭建一个“一言”服务接口,搭建方法可以看这里:https://sunpma.com/669.html搭建好了后就可以按下面的方法替换成自己的接口即可;修改主题“一言”接口修改路径位于网站根目录下/usr/themes/handsome/index.php修改index.php文件即可;原始代码为:<!--/公告位置-->原创 2021-02-13 13:58:44 · 831 阅读 · 0 评论 -
Typecho博客部署一言接口
开始部署下载代码上传至你的网站目录,把解压出来的文件夹改名为hitokoto然后访问https://域名及文件路径/hitokoto查看效果示例:https://sunpma.com/other/hitokoto主题一言接口修改方法:https://sunpma.com/670.html下载路径:https://www.lanzous.com/i8a44ub调用方法PHP调用方法添加如下代码到页面头部<?php $hitokoto = file_get_contents('https原创 2021-02-13 13:58:05 · 738 阅读 · 0 评论 -
Hexo、Typecho博客添加旅行足迹网页
本文部署的足迹地图,地址如下:http://www.aomanhao.top/index.php/archives/183/jVectorMapJVectorMap 是一个优秀的、兼容性强的 jQuery 地图插件。它可以工作在包括 IE6 在内的各款浏览器中,矢量图输出,除官方提供各国地图数据外,用户可以使用数据转换程序定制地图数据。例如街道地图、小区地图等等。JVectorMap 官方网站提供了很多相关文档和使用示例,感兴趣的小伙伴可以自己研究一下。官方网站:http://jvectorma原创 2020-12-19 22:11:55 · 843 阅读 · 2 评论 -
爱礼(爱的礼物——谐音爱你),开源项目送给你对象的爱的礼物
项目制作给我的女朋友,可以写一些恋爱情话,记录恋爱时间线,恋爱时间等。原始项目由hackerzhou发起,作者预览网址失效,项目地址如下:项目地址我在原始项目上改了改,项目地址如下:我的项目地址项目效果预览网址如下:效果预览项目放在我的主域名下的子域名内,主域名对应Github Page的主仓库ID.github.io。可以修改index.html中的BGM区域和土味情话部分,实...原创 2019-06-22 12:47:16 · 1019 阅读 · 0 评论 -
Hexo博客Next主题bilibili视频Markdown插入文章
问题及需求B站视频无广告有弹幕,非常简洁,经常看B站视频,在文章引用B站的视频在不用插件的情况下用官方的iframe方式引入视频,默认的方式导入视频屏幕会很小一般我们都是自己改width和height来修改大小,但是换成不同的设备就无法正常的显示了视频大小优化不能自动适配,试试下面的两种办法:Next版本6.XX可以,7.xx版本可以试试优化方法一div标签自适应与屏幕的大小,i...原创 2020-04-12 20:51:28 · 1859 阅读 · 0 评论 -
Failed to connect to 127.0.0.1 port 1080: Connection refused拒绝连接错误
一、git拒绝连接原因分析使用git从远程仓库下载代码出现上述的错误是因为使用了proxy代理,所以要解决该问题,核心操作就是要取消代理二、解决方式1、查看Linux当前有没有使用代理通过git的配置文件查看有无使用代理(没有成功)查询是否使用代理:git config --global http.proxy git config --global https.proxy 2...原创 2020-04-05 12:10:06 · 2740 阅读 · 0 评论 -
Hexo博客Next主题valine评论系统邮件提醒
简介Valine:一款快速、简洁且高效的无后端评论系统。Valine-AdminGithub 项目地址,具体教程以 最新版 为准Valine-Admin项目地址简介Valine Admin 是 Valine 评论系统的扩展和增强,主要实现评论邮件通知、评论管理、垃圾评论过滤等功能。支持完全自定义的邮件通知模板。基于Akismet API实现准确的垃圾评论过滤。此外,使用云函数等技术解...原创 2020-04-05 11:16:15 · 1925 阅读 · 1 评论 -
hexo博客生成报错YAMLException: can not read a block mapping entry
报错信息:YAMLException: can not read a block mapping entry; a multiline key may not b---title: [转]--ISP(图像信号处理)算法概述、工作原理、架构、处理流程date: 2020-03-22 21:39:40tags: [图像处理]mathjax: true---报错位置是第2行第5位意...原创 2020-03-22 21:32:40 · 2539 阅读 · 0 评论 -
Hexo博客Next主题友链页面
博客友链太多,需要自定义一个友情链接页面link渲染文件在 hexo/themes/next/layout 目录下建一个 link.swig文件,写入以下代码{% block content %} {######################} {### LINKS BLOCK ###} {######################} <div id="li...原创 2019-12-29 22:25:40 · 2112 阅读 · 1 评论 -
Hexo博客Next主题相册搭建
参考文章,小红鸡参考文章,主题美化在blog文件夹/source下创建photos文件夹,在photos文件夹创建index.md文件,编辑index.md文件,写入以下代码:<style type="text/css"> .header-inner{ display: none; } .sidebar{ dis...原创 2019-12-22 16:04:14 · 773 阅读 · 4 评论 -
Markdown 公式指导手册
转载自博客Cmd Markdown 公式指导手册本文为 MathJax 在 Cmd Markdown 环境下的语法指引。Cmd Markdown 编辑阅读器支持 LaTeX\LaTeXLATEX 编辑显示支持,例如:∑i=1nai=0\sum_{i=1}^n a_i=0∑i=1nai=0,访问 MathJax 以参考更多使用方法。右键点击每一个公式,选择 [Show Mat...转载 2019-12-01 20:55:36 · 1214 阅读 · 0 评论 -
Hexo博客Next主题文章置顶相关
我需要写一些文章做推荐相关,需要文章置顶功能博客效果置顶方法配置一、修改库文件原理在Hexo生成首页HTML时,将top值高的文章排在前面,达到置顶功能。修改方法修改Hexo文件夹下的node_modules/hexo-generator-index/lib/generator.js,在生成文章之前进行文章top值排序。需添加的代码:posts.data = posts.data...原创 2019-11-23 22:34:31 · 381 阅读 · 0 评论 -
Git插件报错,Appears to be a git repo or submodule
Hexo博客需要引入第三方插件,不少包作者误把包项目得.git文件上传到github,或者在插件的github路径下直接下载插件文件夹,结果是插件内含有.git文件,导致下载别的npm包时报错npm err:报错信息如下:$ npm install hexo-generator-index-pin-top --save ...原创 2019-11-22 23:18:21 · 1055 阅读 · 0 评论 -
Hexo博客Next主题添加粒子时钟特效
博客应用canvas粒子时钟的操作步骤:在\themes\next\layout\_custom\目录下,新建clock.swig文件,内容如下:<div style=""> <canvas id="canvas" style="width:60%;">当前浏览器不支持canvas,请更换浏览器后再试</canvas></div><...原创 2019-11-04 22:05:50 · 1924 阅读 · 1 评论 -
Hexo博客Next主题DaoVoice实现在线联系
注册登录DaoVoice注册地址如下:http://www.daovoice.io/在官网注册帐号需要邀请码,可以输入我的邀请码 b69005f1复制粘贴代码修改的hexo的文件路劲如下: 博客/themes/next/layout/_partials/head/head.swig 末尾添加下面的代码:{% if theme.daovoice %} <script>(fu...原创 2019-05-18 21:15:08 · 2256 阅读 · 12 评论 -
Hexo博客Yilia主题添加相册功能,丰富博客内容,Next等其他主题可以参考
实现思路1.在主页上必须有一个可供点击的相册连接2.要用 hexo 生成一个photos.html文件3.photos.html中的图片数据来源?因为这是一个静态页面所有要有一个 json文件4.json文件中有含有信息,图片的文件名.5.图片要有一个完整的路径,用github的空间6.Python脚本剪裁、压缩、上传图片到自定义的github备份仓库中原创 2019-04-21 18:01:37 · 1827 阅读 · 9 评论 -
Hexo博客Next主题建立标签云hexo-tag-cloud及效果展示
hexo-tag-cloud插件介绍hexo-tag-cloud插件是作者写的一个Hexo博客的标签云插件,旨在直观的展示标签的种类,美观大方且非常优雅。插件地址:插件的GitHub地址插件说明:说明地址标签云效果展示:我的博客主页插件作者提供的效果预览安装插件进入到 hexo 的根目录,在 package.json 中添加依赖: "hexo-tag-cloud": "2.0....原创 2019-04-20 13:59:22 · 7495 阅读 · 3 评论 -
Hexo博客Next6.0版本主题配置(背景图片加载、侧边栏社交小图标设置、设置网站图标)
随机背景图片加载原理自动更换背景是修改添加背景的css样式实现图片来源https://source.unsplash.com/修改背景样式修改themes\next\source\css\ _custom\custom.styl文件,这个是Next故意留给用户自己个性化定制一些样式的文件,添加以下代码:body { background:url(https://source....原创 2019-03-20 10:49:12 · 5914 阅读 · 1 评论 -
云储存选择做Hexo博客图床(腾讯云、七牛云、网易云)
前言博客里需要添加很多图片作为内容的补充,但是把图片放在本地博客文件夹里,上传到网上后,加载这些图片就是一个很大的问题,他们会拖累网页加载的速度,所以建议把图片放图床里,通过外链来访问和加载这些图片。云对象储存服务商国内免费的云对象储存的服务商(网易云、七牛云、腾讯云)1.网易云官网:https://www.163yun.com/网易NOS(Netease Object Storag...原创 2019-02-26 18:28:26 · 1093 阅读 · 0 评论 -
Hexo博客Next6.0版本主题配置(站内搜索、新建404界面、静态资源压缩、底部信息隐藏、各版块透明度修改、字数统计、推荐阅读、博文置顶、阅读进度、在线评论、运行时间)
新建404界面在站点根目录下,输入hexo new page 404,在默认Hexo站点下/source/404/index.md打开新建的404界面,编辑属于自己的404界面,可以显示腾讯公益404界面,代码如下:&amp;lt;!DOCTYPE HTML&amp;gt;&amp;lt;html&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta ht原创 2019-02-25 16:05:20 · 1292 阅读 · 6 评论 -
Hexo博客Next主题配置加载优化性能提升
主题源加载优化把在NexT主题的_config.yml里面的:# Uri of fonts host. E.g. //fonts.googleapis.com (Default)host:改为:# Uri of fonts host. E.g. //fonts.googleapis.com (Default)host: //fonts.lug.ustc.edu.cn因为fonts...原创 2019-02-25 15:20:51 · 1866 阅读 · 0 评论 -
Hexo博客Next主题阅读次数热度不能读取的问题,报错Counter not initialized! More info at console err msg.
加入valine在线评论设置效果:设置方法:首先要先去LeanCloud注册一个帐号.然后再创建一个应用.拿到appid和appkey之后,打开themes/next/_config.yml主题配置文件,查找valine,填入appid和 appkey我的配置:# You can get your appid and appkey from https://leancloud.cn#...原创 2019-02-22 13:22:38 · 2085 阅读 · 1 评论 -
Hexo博客使用valine评论系统无效果及终极解决方案
注意事项有一些博主valine评论系统无效果,有一些原因:1、很大程度是因为next的版本升级导致某些参数设置不同2、valine评论是基于LeanCloud,还有一个文章阅读次数功能也是用LeanCloud,两者会有一点冲突之后会给出一些解决方案评论系统选择Hexo可用的评论系统有很多,如下:来必力:https://livere.com (需要邮箱注册,加载慢,较卡顿)畅言:...原创 2019-02-20 17:39:06 · 3549 阅读 · 1 评论 -
Hexo博客Next主题站内搜索模块相关,解决搜索无效、一直loading的问题
站内搜索配置设置方法:首先安装hexo-generator-searchdb插件npm install hexo-generator-searchdb --save编辑博客根目录下的博客本地目录/_config.yml站点配置文件,新增以下内容到任意位置,search顶格放否则可能没效果:search: path: search.xml field: post format...原创 2019-01-31 12:11:28 · 3304 阅读 · 4 评论 -
Hexo博客yilia主题首页添加helper-live2d模型插件
插件效果 插件的github地址 插件作者提供了较为详细的安装步骤,我结合自己操作和图示,提供大家。效果展示:红框内为2d模型,可以随鼠标移动而变化 Hexo安装模块:hexo博客根目录选择cmd命令窗口或者git bash 输入以下代码,安装插件操作:npm install --save hexo-helper-live2d下载模型作者提供了...原创 2018-08-25 11:43:03 · 5460 阅读 · 1 评论 -
(占坑编辑中)hexo个人博客主页添加百度搜索资源平台
hexo个人博客主页添加百度搜索资源平台 目的是在百度搜你的网站,可以搜到效果原创 2018-08-22 20:29:09 · 992 阅读 · 0 评论 -
Hexo博客yilia主题使用cnzz统计网站访问量
访问效果如下 使用友盟第三方的统计插件,网址:http://www.umeng.com/ 进入网站先注册账号然后根据下列图片进入添加站点。添加站点,自己搭建的博客,需要统计访问量的网站(这里加入我的博客网站),然后点击统计代码进入代码页代码页有很多样式,我的是红框的演示,纯文字统计,简洁大方,选择其他样式也可以 选择样式,复制样式代码到..\themes\yili...原创 2018-08-19 09:31:16 · 1361 阅读 · 0 评论 -
(占坑编辑中)hexo博客github page更换域名
hexo博客github page更换域名檗科下的Cname文件一定要改为最近的域名原创 2018-08-18 22:52:52 · 744 阅读 · 0 评论 -
使用LaTex添加公式到Hexo博客里
代码编辑器,强烈推荐使用微软的 VS code,相比Atom开启迅速,使用方便,扩展丰富第一步: 安装Kramedhexo 默认的渲染引擎是 marked,但是 marked 不支持 mathjax。,所以需要更换Hexo的markdown渲染引擎为hexo-renderer-kramed引擎,后者支持mathjax公式输出。npm uninstall hexo-rendere...原创 2018-08-03 09:38:44 · 1755 阅读 · 3 评论 -
Hexo博客yilia主题添加背景音乐 (网易云音乐)
添加背景音乐1、 打开网易云音乐首页,然后搜索你要添加的背景音乐 http://music.163.com/2、 搜索到歌曲点击生成外链播放器,进去下一个界面3、 复制外链播放器的代码 打开yilia主题下的_partial文件夹下的left-col.ejs文件 复制文件内容到最下端红线内的iframe框为复制的...原创 2018-03-08 14:54:38 · 4175 阅读 · 2 评论 -
hexo博客yilia主题_缺失模块_解决方案
hexo博客yilia主题,左侧栏目有一个全部文章的按钮,刚开始开始报错缺失模块,如下图:我解决了这个问题着实不容易饶了弯路,但是跟着提示步骤,其实很简单,走起:1、查看node版本 win键+R键 打开命令控制台,输入代码 node -v 查看node版本,如下图:只要node的版本高于6.2就行2、博客根目录下运行命令行 npm i hexo-generat...原创 2018-02-08 19:05:13 · 2562 阅读 · 2 评论 -
hexo博客yilia主题_more截断文章_多标签添加
以下均为自己遇到的问题并加以修改或者纠正.在文章下方可以使用more语句进行截断,这样博客首页只会出现文章的前面一小部分,看起来很清爽简约 或者 anguage: zh-CN <!--more-->//在需要阶段的地方插入该代码语句 aa在这里,yilia主题会判断含有<!--more-->的位置,然后文章截断两部分,第一部分展示在博客首页,第二部分即上方的aa只原创 2018-02-08 17:10:43 · 4861 阅读 · 2 评论 -
hexo博客Yilia主题首页菜单中文乱码解决方案
方案一:菜单设置成中文显示,编辑博客根目录下的_config.yml文件设置language字段如下:language: zh-Hans或者anguage: zh-CN 取决于你的主题theme目录下的language目录下有zh-Hans.yml还是zh-CN.yml方案二:根目录下的配置文件是_config.yml文件 我们需要打开此文件,然后编辑文原创 2018-02-06 23:21:37 · 6291 阅读 · 2 评论