注册账号 使用浏览器访问:https://vercel.com/signup 点击「Cotinue with GitHub」并使用 GitHub 账号注册。 无法注册账号?...Vercel 不支持 163/QQ 等国内邮箱的注册,请使用 Outlook 邮箱 再次注册 GitHub 后使用新 GitHub 账号注册!...---- 创建代码仓库 新建 GitHub 代码仓库,并在代码仓库中新建 index.html 文件,这将作为首页。 在 index.html 文件中填写基本的代码内容,如: ---- 使用 Vercel 部署 点击控制台右上角的「Import Project」 点击「Import Git Repository」下方的「Continue...」 输入 GitHub 仓库的地址并点击「Continue」 经过基本配置后,项目就会自动部署。
环境 mac os ,终端, 文件路径:桌面 Hexo文件夹. 1 安装 Node.js 2 安装git 使用git init 全局初始化 3 安装Hexo sudo npm install -g hexo...Latex处理数学公式的时候 会出现兼容问题例如 :h_\theta (x) 单个 Github Pages 配置 在github上创建repository 创建成功后 可以使用 http://...-m "Initial commit" git push -u origin master 同步本地的 hexo 博客 到 github 上 1 安装一个扩展(hexo/blog)下 sudo npm...g hexo d 关于配置Hexo可能出现的一些错误 1 权限问题 sudo chown -R 路径/Hexo/blog 2 无法更新到GitHub pages 很多情况是配置自己的git...如果遇到类似情况, 可以尝试使用 “提交内容到Github Pages” 步骤先提交一个 hello word 试试。
之前博客因为是使用Caddy的GitHub webhook实现网站自动部署,但是因为Caddy现在已经升级到了v2版本,能使用的插件少了一点。...看到腾讯云增加了静态网站托管,博客本身访问量也不是很大,所以相对来说静态网站托管还是便宜一些,所以就把博客迁移到了这里,就记录一下新的自动部署的方式方法。...同时还可以结合云开发的云函数、数据库等能力,把静态网站扩展为带有后台服务端的全栈网站。 其实本质上这块应该就是把静态资源存在COS上,然后再加上CDN全国加速,以实现网站的快速访问。...添加腾讯云API密钥对 这里不建议在API密钥管理那里添加,因为那里的密钥对权限太高,我们只是部署一个静态网站,没必要使用那么高的权限。所以这里说一下我这边的添加流程。...设置Github Actions实现自动发布 如果没有添加过github Actions,那么点击Actions会看到Github推荐使用的Actions,那么可以点击set up a workflow
注意: 1.在新建repositories的时候仓库名称前缀要和你的用户名保持一致,不然会找不到GitHub pages.后缀为github.io新建仓库之后,就会自动定向到username.github.io...2.选定GitHub给定的主题时,可以使用README.md文件更改网页的显示内容; 3....也可以自己设计GitHub主页,设计index.html并设置为首选预览显示文件; 4.可以把这个作为模板文件,建立并作为自己的博客网站。
挺久以前就有网友给我的 GitHub Pages 博客模板提 Issue,说希望能增加 CDN 用于加速静态资源的加载,由于懒,一直没有动。...这里我没有纠结,看完文首提到的那篇文章,去看了下 jsDelivr 的介绍后觉得靠谱:它原生支持使用 GitHub 项目里的资源,什么都不用配置,更重要的是免费,在国内有节点,而且速度还不错(官网上也把...现存问题 如果项目曾经打过 tag,那么新增/修改静态资源后,需要刷新 CDN 缓存的话,需要打个新 tag; 一般发生在修改了博客模板的 js/css 以后。我也还在摸索如何省去这一步的方法。...参考链接 GitHub 图床的正确用法,通过 jsDelivr CDN 全球加速 jsDelivr 为开发者提供免费公共 CDN 加速服务 Features - jsDelivr 相关文章 使用 jsDelivr...免费加速 GitHub Pages 博客的静态资源(二)
挺久以前就有网友给我的 GitHub Pages 博客模板提 Issue,说希望能增加 CDN 用于加速静态资源的加载,由于懒,一直没有动。...改造前加载 image.png 注:由于改造前没有保留加载图,所以这是截的一个使用相同模板的朋友的首页加载情况。...这里我没有纠结,看完文首提到的那篇文章,去看了下 jsDelivr 的介绍后觉得靠谱:它原生支持使用 GitHub 项目里的资源,什么都不用配置,更重要的是免费,在国内有节点,而且速度还不错(官网上也把...也可以不指定版本或者指定版本为 latest,这样总是使用最新版本的资源。...我也还在摸索如何省去这一步的方法。
VuePress 应该有很多人用过,而 VitePress 是 VuePress 的下一代框架 ,是支持vue 3.0 的 web 网站框架。...",// 网站标题 description: '我的vitepress博客...', //网站描述 base: '/', // 部署时的路径 默认 / 可以使用二级地址 /base/ // lang: 'en-US', //语言 // 网页头部配置,引入需要图标,css...在需要展示的 demo 中的 index.md 文件中使用特定的语法包裹代码,可以自动生成组件 demo 展示# Button 按钮 :::demo 使用`type`,`plain`,`round`...github 上的写法。
之前写过一篇 使用 jsDelivr 免费加速 GitHub Pages 博客的静态资源,在那之后,又陆续想到并实施了几点利用 jsDelivr 进一步加速静态资源加载的措施,新起一篇作为记录和分享。...Jekyll 的 layout 可以理解为页面模板,它是可以继承的,比如我的博客的所有页面模板有一个共同的祖先模板 _layouts/default.html,模板里可以使用 Liquid 语法对内容进行处理...0x02 站内搜索引用的 JSON 资源加速 我是使用 Simple-Jekyll-Search 这个 JavaScript 库来实现站内搜索的,它的搜索数据是来自一个动态生成的 JSON 文件。...对 GitHub Actions 感兴趣的同学可以自行参考官方说明学习。...相关文章: 使用 jsDelivr 免费加速 GitHub Pages 博客的静态资源
之前写过一篇 使用 jsDelivr 免费加速 GitHub Pages 博客的静态资源,在那之后,又陆续想到并实施了几点利用 jsDelivr 进一步加速静态资源加载的措施,新起一篇作为记录和分享。...Jekyll 的 layout 可以理解为页面模板,它是可以继承的,比如我的博客的所有页面模板有一个共同的祖先模板 _layouts/default.html,模板里可以使用 Liquid 语法对内容进行处理...0x02 站内搜索引用的 JSON 资源加速 我是使用 Simple-Jekyll-Search 这个 JavaScript 库来实现站内搜索的,它的搜索数据是来自一个动态生成的 JSON 文件。...对 GitHub Actions 感兴趣的同学可以自行参考官方说明学习。...0x03 结语 经过以上改造,博客页面的加载速度又得到了小小的提升,所有相关源码可以在 https://github.com/mzlogin/mzlogin.github.io 找到,有相关心得或建议的朋友欢迎交流指正
如何使用github+hexo+git+vercel弄一个hexo博客<重制版 为什么又出来了一个 因为上一个太烂 估计看那个教程的都不行 准备 git 电脑 vercel账号 github账号 vercel...其实不用搞 他只是加速的 开始 在随便一个盘符 新建一个文件夹 进入文件夹 右键 选择 github bash here 之后最小化 不用管他 前往这里下载node 安装后 在github bash里输入...因为他简洁 你想用其他的也是可以的 在博客主目录输入 git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia 弄好之后...之后输入 git config --global user.name "你github名字" git config --global user.email 你注册github的邮箱 输入 hexo d...-g 这个是上传并且生成 hexo g -d 也是一样的 上传好了的话就可以访问了 域名大概都是https://你的github名字.github.io 如果你要绑定域名 在source文件夹新建CNAME
乍一看这消息我挺震惊的,还以为Github把jQuery的代码仓库从它的网站上给删掉了呢,多大仇多大怨啊要干这事儿!再仔细一读,好吧,发现果然还是自己英文不好啊.........用一些填充库去抹平和标注DOM API的差异 大量使用自定义元素(即自定义标签,Web Component) 也就是说,他们其实是重构了Github.com这个网站,把原先由jQuery编写的代码,替换成了其他一些技术...q=topic%3Aweb-components+org%3Agithub … 从这些信息我们可以看出,Github.com对最新的Web标准是非常支持和积极推进的,在使用这些最新标准技术的同时,势必要放弃对一些老旧浏览器的支持...,比如用户使用IE(不包括Edge)去打开Github.com,会得到提示去使用其他现代浏览器进行浏览。这种对标准的拥抱和对老旧技术的反抗,是值得肯定的。...推广和使用总是需要代价的,也需要有先行者和试错者。
前言 大多数站长在使用博客初期,喜欢魔改美化自己的网站 博客的建设主要方便访客高质量的阅读 所以对字体的选择非常重要 本期博主给大家出一期如果给自己的博客资源网自定义自己喜欢的字体 教程开始 下载自己喜欢的字体...如果不进行转换字体格式,有些浏览器会无法显示自己设置的喜欢的字体 如果你毫无技术不会转换字体格式不要怕,这里我给你们提供一个免费快捷的字体转换网站 字体格式在线转换器 你只需要转换.ttf文件为eot...不利于网站速度优化,cos,oss非常耗费流量,早上一起来可能不注意一套房子就没了 在这里我推荐大家使用GitHub仓库,利用jsDelivr+Github的方法实现即可 如图所示我将字体文件转换之后依次上传至自己的...GitHub的仓库 jsDelivr+Github的cdn使用方法是:https://cdn.jsdelivr.net/gh/{user}/{repo}/文件路径 这里简单解释一下各个参数值是什么意思...user是填写你的GitHub的id,repo是填写你的仓库id,文件路径直接填写你的字体文件名称就好了 在这里提示一下字体文件不要太大,也不要字体文件名称使用中文名称 编写css字体样式代码 如果你是小白不懂
大家都知道,阿粉有自己的博客,而且博客的地址,也是托管在Github上面的,而且很多的小伙伴们也想问怎么搭建这个,毕竟如果要是自己做个网站,弄个域名,再弄个服务器,这也是一笔不小的花费,但是使用GitHub...如何搭建一套自己的博客 今天阿粉就教大家如何建立一个自己的博客页面,并且把它托管到 GitHub 上,这样就不用自己去再弄服务器了,直接把Github 当作一个中转了。...,使用的是GitHub Page 加 jekyll 的方式进行的博客搭建。...Jekyll语法 _config.yml jekyll的全局配置在_config.yml文件中配置。比如网站的名字,网站的域名,网站的链接格式等等。..._includes 对于网站的头部,底部,侧栏等公共部分,为了维护方便,我们可能想提取出,来单独编写,然后使用的时候包含进去即可。这时我们可以把那些公共部分放在这个目录下,使用时只需要引入即可。
- [第一章节](第一章节.md) - [第二章节](第二章节.md) - [第三章节](第三章节.md) 然后就变成这样了: [20210107001644.png] 其中中间那部分使用的是...-- docsify-edit-on-github --> ...github 下面讲讲如何部署,首先我们需要有一个远程的仓库,我默认你有了,使用命令初始化文件夹,关联远程仓库 git init git remote add origin "自己在三方代码托管平台上所创建仓库对应的地址...提交上去之后,我们需要做一个操作,在settings下有一个GitHub Pages,选择构建分支和文件目录即可。我使用的是master,根目录的docs文件夹。...是因为电信会屏蔽一些网站,也就是被qiang了,懂的都懂,如果要访问的话,可以修改DNS,或者搞一把梯_子。
github 教程 Github 是什么? gitHub是一个面向开源及私有软件项目的托管平台,因为只支持git 作为唯一的版本库格式进行托管,故名gitHub。...github 还可以通过page功能来访问静态页 GitHub 地址:https://github.com 开始注册 输入你的信息,开始注册(如果看不懂英文可以使用翻译) ?...下载安装 下载地址:https://git-scm.com/downloads 请通过你的电脑下载适当的版本 下载之后直接安装就好了 使用 以windows 为例,安装好了之后,默认会给鼠标右键添加git...mkdir 目录名 :新建目录 rm -rf 文件或目录名 :删除文件或目录 ctrl+l :清屏(和cmd的cls一样) 详细的Git使用教程:https://github.com/twtrubiks...Github Pages 只能解析html或者md文件哦 打开页面之后,你就可以通过“https://xxx.github.io/xxx/” 访问你的静态项目了 前面的xxx是你github的用户名,后面的
如果检测到可疑活动,则不会出现那个简单的复选框——相反,更难的验证码(例如识别图像中的特定对象)会出现在其位置。 CAPTCHA 如何保护我的网站?...如何在 WordPress 中安装验证码 在 WordPress 网站上安装 CAPTCHA 的最快捷、最简单的方法是使用插件。...除了登录页面之外,还可以将 CAPTCHA 添加到您网站上的多个位置。 您甚至可能希望将多个 CAPTCHA 添加到同一页面。 与您使用的其他工具集成,例如博客评论部分或联系表格。...使用高级 noCAPTCHA 和 Invisible CAPTCHA 插件 以下是如何使用高级 noCAPTCHA 和 Invisible CAPTCHA 插件在您的网站上获取 CAPTCHA。...使用 WordPress CAPTCHA 来保护用户输入信息的网站的任何部分是一个好主意。 这些区域特别容易受到攻击。
使用 Python 抓取 Reddit 在本文中,我们将了解如何使用Python来抓取Reddit,这里我们将使用Python的PRAW(Python Reddit API Wrapper)模块来抓取数据...Praw 是 Python Reddit API 包装器的缩写,它允许通过 Python 脚本使用 Reddit API。...有 2 种类型的 praw 实例: 只读实例:使用只读实例,我们只能抓取 Reddit 上公开的信息。例如,从特定的 Reddit 子版块中检索排名前 5 的帖子。...用户名 password="") # 您的 reddit 密码 现在我们已经创建了一个实例,我们可以使用 Reddit 的 API 来提取数据。...您可以使用您选择的任何排序方法。 让我们从 redditdev subreddit 中提取一些信息。
1.上传到项目下 上传到项目下,然后记录下需要图片的地址 2.ReadMe.md中引用 类似如下,加上链接即可 #### 4.关于 欢迎一起完善本项目(提issue或者加微信),如果有任何疑问,请通过公众号或者添加作者微信交流...[Image text](https://github.com/lightClouds917/designMode/blob/master/src/main/resources/templates/java4all_black.jpg...[Image text](https://github.com/lightClouds917/designMode/blob/master/src/main/resources/templates/ITyunqing.jpg
前言 使用腾讯云cos不仅可以加速图片到达优化网站速度,还可以大大减少cdn流量。...其他选项,根据你自己的需求设置,一般无特殊需求都选择默认。...,比如我的:fsacg.cn wordpress后台插件设置 去后台下载插件「腾讯云cos」安装爱你启用。...所属地域:对象存储cos买哪里的(建议与云服务器同一地域),就选择哪里 空间名称:从腾讯云官网的对象存储中获取,就是【存储桶名称】,复制过来 访问域名:有两种样式,一是腾讯云提供的cname域名,二是你自己设置的自定义域名...(这里我们直接使用默认的,因为自定义域名需要) 其他设置自行选择。
前言 我们小伙伴们在访问淘宝、网易等大型网站时有没有考虑到,网站首页、商品详情页以及新闻详情页面是如何处理的?怎么能够支撑这么大流量的访问呢?...很多小伙伴们就会提出他们都采用了静态化的方案,这样用户请求直接获取静态数据html,就不需要访问数据库了,性能就会大大提高;而且提高网站SEO优化。 那今天就带着大家聊一下静态化。...把之前工作场景中静态化方案遇到的问题,以及如何演变的,分享给小伙伴。 方案一:网页静态HTML化 这个方案是最早使用的方案,我们就拿CMS系统举例,类似网易的新闻网站 核心流程图: ?...小伙伴如何有兴趣可以自行了解,比较简单。之所以是伪静态其实也是需要动态处理的。 针对方案一上面问题,方案进一步的演化,如下图: ?...总结: 方案三是比较完整的方案,很多大厂都在使用,能够承受亿级流量,但系统比较复杂。
领取专属 10元无门槛券
手把手带您无忧上云