layout: post title: 给博客添加天气插件 date: 2020-04-26 author: Dapenson header-img: img/post-bg-debug.png catalog: true tags: - 天气 - 博客 - 插件 获取和风插件 在和风天气注册之后获取插件代码 准备和风天气插件代码示例如下 <div id="he-plugin-standard"></div> <script> WIDGET = {…

本文演示了在Azure Storage托管HTTP静态网站. 注意:HTTP已经不建议使用. 创建Azure StorageV2 存储账户 账户类型选择“StorageV2(通用版V2)”: 本例中,需要禁用安全传输,禁用后,可以通过HTTP而不是强制使用HTTPS即可访问: 其余值保持默认即可. 启用Storage Account静态网站功能 启用静态网站功能,并输入索引文件名称,通常来讲,我们会命名为index.html. 本案例中,我们准备了一个静态页面index.html, 该页面只有一…

在使用前端框架构建网页而不使用后端平台与数据库,即没有服务器的条件下读取文件夹其他文件,浏览器可能会阻止访问.对于这种静态构建可以使用简单的生成工具jekyll.它主要适用于将静态文件生成静态网站,在github pages上非常常用. 介绍:jekyll 注意, 先要安装ruby; window平台下还需要安装DevKit:然后执行 切换到DevKit的安装目录:cd: 执行 ruby dk.rb init 生成config.yml配置文件: 最后 ruby dk.rb install 安装…

jekyll 将纯文本转化为静态网站和博客 静态网站生成器 这个貌似对windows 支持不是很好~ 但是有支持,官方说不建议使用…

给网站的链接添加nofollow属性对SEO非常有效,如果是动态网站,实现的方法比较多,但是对于静态网站来说只能借助CSS或者JS来实现,单纯的CSS实现需要覆盖所有的链接出现位置:JS与CSS结合则需要给定DIV ID: <script> $("#ID").css("ref","nofollow"); </script> 另外,可以直接采用JS直写HTML的方法: <script> $("a&quo…

动态演示如下: [上传失败, 请自行搜索原文] 源码库: program-in-chinese/team_website 找到此JS工具: christian-fei/Simple-Jekyll-Search, 按安装说明先完成了对题目/类别/日期的搜索, 本地运行不错. 再接再厉添加了对描述和全文(post.content)的搜索, 详见全文索引.json 发现生成的json文件中, 特殊字符如引号使得json语法出错: 发现前人对同样问题的解决方法"full-text search"…

Jekyll博客添加Valine评论 关于github搭建jekyl博客,在这里不做过多描述,详情参考: 百度搜索关键字:github搭建jekyll博客 官网:https://www.jekyll.com.cn 我的博客用的模板是:jekyll-theme-next,本篇文章就是基于这个模板添加的. 关于评论插件: Disqus: 需要FQ 网易云评论:需要自己的域名 Duoshuo: 挂了 gitment:逼格太高 其他评论插件没有用过,最后发现了Valine,一款快速.简洁且高效的无后端评…

Apache是世界使用排名第一的Web服务器软件.它可以运行在几乎所有广泛使用的计算机平台上,由于其跨平台和安全性被广泛使用,是最流行的Web服务器端软件之一.它快速.可靠并且可通过简单的API扩充,将Perl/Python等解释器编译到服务器中. Apache服务程序部署 第一步:把光盘设备中的系统镜像挂载到/media/cdrom目录 [root@localhost ~]# ls /media/cdromls: 无法访问/media/cdrom: 没有那个文件或目录[root@localho…

使用 JBake("mvn generate-resources")构建您的静态网站或博客.使用布局.宏和数据文件. 我们迁移了整个www.optaplanner.org网站(1399 个文件)以使用 Java 和 Maven,而不是 Ruby 和 Rake 进行构建.从表面上看,什么都没有改变.但在源代码中,对于我们的 Java 开发人员团队来说,它是一个游戏规则改变者. 我们的 Java 团队现在可以轻松地为网站做出贡献.在完成迁移后的几个小时内,我们的一位开发人员已经提交了一份不…

prismjs 是一款轻量.可扩展的代码语法高亮库,使用现代化的 Web 标准构建,使用 Prismjs 可以快速为网站添加代码高亮功能,支持超过113中编程语言,还支持多种插件,是简洁.高效的代码高亮解决方案.科技爱好者博客就是使用了Prism.js 实现漂亮的代码语法高亮功能,本文教你如何在wordpress上快速使用Prismjs实现代码高亮. 一.下载JS和CSS文件并上传到网站根目录. 在Prismjs网站下载页面下载需要的JS和CSS文件,下载页面: http://prismjs.c…