首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

使用GitHub page搭建自己静态网页

环境 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 试试。

1.2K30
您找到你想要的搜索结果了吗?
是的
没有找到

使用Github Actions实现Hugo博客自动发布到腾讯云静态网站托管

之前博客因为是使用CaddyGitHub webhook实现网站自动部署,但是因为Caddy现在已经升级到了v2版本,能使用插件少了一点。...看到腾讯云增加了静态网站托管,博客本身访问量也不是很大,所以相对来说静态网站托管还是便宜一些,所以就把博客迁移到了这里,就记录一下新自动部署方式方法。...同时还可以结合云开发云函数、数据库等能力,把静态网站扩展为带有后台服务端全栈网站。 其实本质上这块应该就是把静态资源存在COS上,然后再加上CDN全国加速,以实现网站快速访问。...添加腾讯云API密钥对 这里不建议在API密钥管理那里添加,因为那里密钥对权限太高,我们只是部署一个静态网站,没必要使用那么高权限。所以这里说一下我这边添加流程。...设置Github Actions实现自动发布 如果没有添加过github Actions,那么点击Actions会看到Github推荐使用Actions,那么可以点击set up a workflow

1.9K90

使用 jsDelivr 免费加速 GitHub Pages 博客静态资源

挺久以前就有网友给我 GitHub Pages 博客模板提 Issue,说希望能增加 CDN 用于加速静态资源加载,由于懒,一直没有动。...这里我没有纠结,看完文首提到那篇文章,去看了下 jsDelivr 介绍后觉得靠谱:它原生支持使用 GitHub 项目里资源,什么都不用配置,更重要是免费,在国内有节点,而且速度还不错(官网上也把...现存问题 如果项目曾经打过 tag,那么新增/修改静态资源后,需要刷新 CDN 缓存的话,需要打个新 tag; 一般发生在修改了博客模板 js/css 以后。我也还在摸索如何省去这一步方法。...参考链接 GitHub 图床正确用法,通过 jsDelivr CDN 全球加速 jsDelivr 为开发者提供免费公共 CDN 加速服务 Features - jsDelivr 相关文章 使用 jsDelivr...免费加速 GitHub Pages 博客静态资源(二)

1.6K20

使用 jsDelivr 免费加速 GitHub Pages 博客静态资源

挺久以前就有网友给我 GitHub Pages 博客模板提 Issue,说希望能增加 CDN 用于加速静态资源加载,由于懒,一直没有动。...改造前加载 image.png 注:由于改造前没有保留加载图,所以这是截一个使用相同模板朋友首页加载情况。...这里我没有纠结,看完文首提到那篇文章,去看了下 jsDelivr 介绍后觉得靠谱:它原生支持使用 GitHub 项目里资源,什么都不用配置,更重要是免费,在国内有节点,而且速度还不错(官网上也把...也可以不指定版本或者指定版本为 latest,这样总是使用最新版本资源。...我也还在摸索如何省去这一步方法。

2.4K20

使用 jsDelivr 免费加速 GitHub Pages 博客静态资源(二)

之前写过一篇 使用 jsDelivr 免费加速 GitHub Pages 博客静态资源,在那之后,又陆续想到并实施了几点利用 jsDelivr 进一步加速静态资源加载措施,新起一篇作为记录和分享。...Jekyll layout 可以理解为页面模板,它是可以继承,比如我博客所有页面模板有一个共同祖先模板 _layouts/default.html,模板里可以使用 Liquid 语法对内容进行处理...0x02 站内搜索引用 JSON 资源加速 我是使用 Simple-Jekyll-Search 这个 JavaScript 库来实现站内搜索,它搜索数据是来自一个动态生成 JSON 文件。...对 GitHub Actions 感兴趣同学可以自行参考官方说明学习。...相关文章: 使用 jsDelivr 免费加速 GitHub Pages 博客静态资源

1.1K00

使用 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 找到,有相关心得或建议朋友欢迎交流指正

1.1K31

如何使用github hexo git vercel搭建网站完整版

如何使用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

54430

GitHub在其网站实现中移除对jQuery使用

乍一看这消息我挺震惊,还以为Github把jQuery代码仓库从它网站上给删掉了呢,多大仇多大怨啊要干这事儿!再仔细一读,好吧,发现果然还是自己英文不好啊.........用一些填充库去抹平和标注DOM API差异 大量使用自定义元素(即自定义标签,Web Component) 也就是说,他们其实是重构了Github.com这个网站,把原先由jQuery编写代码,替换成了其他一些技术...q=topic%3Aweb-components+org%3Agithub … 从这些信息我们可以看出,Github.com对最新Web标准是非常支持和积极推进,在使用这些最新标准技术同时,势必要放弃对一些老旧浏览器支持...,比如用户使用IE(不包括Edge)去打开Github.com,会得到提示去使用其他现代浏览器进行浏览。这种对标准拥抱和对老旧技术反抗,是值得肯定。...推广和使用总是需要代价,也需要有先行者和试错者。

75840

基于jsDelivr+Github网站如何换个漂亮字体。

前言 大多数站长在使用博客初期,喜欢魔改美化自己网站 博客建设主要方便访客高质量阅读 所以对字体选择非常重要 本期博主给大家出一期如果给自己博客资源网自定义自己喜欢字体 教程开始 下载自己喜欢字体...如果不进行转换字体格式,有些浏览器会无法显示自己设置喜欢字体 如果你毫无技术不会转换字体格式不要怕,这里我给你们提供一个免费快捷字体转换网站 字体格式在线转换器 你只需要转换.ttf文件为eot...不利于网站速度优化,cos,oss非常耗费流量,早上一起来可能不注意一套房子就没了 在这里我推荐大家使用GitHub仓库,利用jsDelivr+Github方法实现即可 如图所示我将字体文件转换之后依次上传至自己...GitHub仓库 jsDelivr+Githubcdn使用方法是:https://cdn.jsdelivr.net/gh/{user}/{repo}/文件路径 这里简单解释一下各个参数值是什么意思...user是填写你GitHubid,repo是填写你仓库id,文件路径直接填写你字体文件名称就好了 在这里提示一下字体文件不要太大,也不要字体文件名称使用中文名称 编写css字体样式代码 如果你是小白不懂

70520

如何使用GitHub搭建自己个人博客

大家都知道,阿粉有自己博客,而且博客地址,也是托管在Github上面的,而且很多小伙伴们也想问怎么搭建这个,毕竟如果要是自己做个网站,弄个域名,再弄个服务器,这也是一笔不小花费,但是使用GitHub...如何搭建一套自己博客 今天阿粉就教大家如何建立一个自己博客页面,并且把它托管到 GitHub 上,这样就不用自己去再弄服务器了,直接把Github 当作一个中转了。...,使用GitHub Page 加 jekyll 方式进行博客搭建。...Jekyll语法 _config.yml jekyll全局配置在_config.yml文件中配置。比如网站名字,网站域名,网站链接格式等等。..._includes 对于网站头部,底部,侧栏等公共部分,为了维护方便,我们可能想提取出,来单独编写,然后使用时候包含进去即可。这时我们可以把那些公共部分放在这个目录下,使用时只需要引入即可。

1.1K50

如何使用docsify搭建自己github文档?

- [第一章节](第一章节.md) - [第二章节](第二章节.md) - [第三章节](第三章节.md) 然后就变成这样了: [20210107001644.png] 其中中间那部分使用是...-- docsify-edit-on-github --> ...github 下面讲讲如何部署,首先我们需要有一个远程仓库,我默认你有了,使用命令初始化文件夹,关联远程仓库 git init git remote add origin "自己在三方代码托管平台上所创建仓库对应地址...提交上去之后,我们需要做一个操作,在settings下有一个GitHub Pages,选择构建分支和文件目录即可。我使用是master,根目录docs文件夹。...是因为电信会屏蔽一些网站,也就是被qiang了,懂都懂,如果要访问的话,可以修改DNS,或者搞一把梯_子。

1.7K00

Github 注册教程,托管自己代码,静态页,GIt工具安装使用

github 教程 Github 是什么? gitHub是一个面向开源及私有软件项目的托管平台,因为只支持git 作为唯一版本库格式进行托管,故名gitHub。...github 还可以通过page功能来访问静态GitHub 地址:https://github.com 开始注册 输入你信息,开始注册(如果看不懂英文可以使用翻译) ?...下载安装 下载地址:https://git-scm.com/downloads 请通过你电脑下载适当版本 下载之后直接安装就好了 使用 以windows 为例,安装好了之后,默认会给鼠标右键添加git...mkdir 目录名 :新建目录 rm -rf 文件或目录名 :删除文件或目录 ctrl+l :清屏(和cmdcls一样) 详细Git使用教程:https://github.com/twtrubiks...Github Pages 只能解析html或者md文件哦 打开页面之后,你就可以通过“https://xxx.github.io/xxx/” 访问你静态项目了 前面的xxx是你github用户名,后面的

1.9K10

如何使用 CAPTCHA 保护您 WordPress 网站

如果检测到可疑活动,则不会出现那个简单复选框——相反,更难验证码(例如识别图像中特定对象)会出现在其位置。 CAPTCHA 如何保护我网站?...如何在 WordPress 中安装验证码 在 WordPress 网站上安装 CAPTCHA 最快捷、最简单方法是使用插件。...除了登录页面之外,还可以将 CAPTCHA 添加到您网站多个位置。 您甚至可能希望将多个 CAPTCHA 添加到同一页面。 与您使用其他工具集成,例如博客评论部分或联系表格。...使用高级 noCAPTCHA 和 Invisible CAPTCHA 插件 以下是如何使用高级 noCAPTCHA 和 Invisible CAPTCHA 插件在您网站上获取 CAPTCHA。...使用 WordPress CAPTCHA 来保护用户输入信息网站任何部分是一个好主意。 这些区域特别容易受到攻击。

3.4K00

网站优化之动静分离:使用腾讯云COS加速你静态文件

前言 使用腾讯云cos不仅可以加速图片到达优化网站速度,还可以大大减少cdn流量。...其他选项,根据你自己需求设置,一般无特殊需求都选择默认。...,比如我:fsacg.cn wordpress后台插件设置 去后台下载插件「腾讯云cos」安装爱你启用。...所属地域:对象存储cos买哪里(建议与云服务器同一地域),就选择哪里 空间名称:从腾讯云官网对象存储中获取,就是【存储桶名称】,复制过来 访问域名:有两种样式,一是腾讯云提供cname域名,二是你自己设置自定义域名...(这里我们直接使用默认,因为自定义域名需要) 其他设置自行选择。

3K30

大型电商网站页面静态化方案是如何支撑亿级流量

前言 我们小伙伴们在访问淘宝、网易等大型网站时有没有考虑到,网站首页、商品详情页以及新闻详情页面是如何处理?怎么能够支撑这么大流量访问呢?...很多小伙伴们就会提出他们都采用了静态方案,这样用户请求直接获取静态数据html,就不需要访问数据库了,性能就会大大提高;而且提高网站SEO优化。 那今天就带着大家聊一下静态化。...把之前工作场景中静态化方案遇到问题,以及如何演变,分享给小伙伴。 方案一:网页静态HTML化 这个方案是最早使用方案,我们就拿CMS系统举例,类似网易新闻网站 核心流程图: ?...小伙伴如何有兴趣可以自行了解,比较简单。之所以是伪静态其实也是需要动态处理。 针对方案一上面问题,方案进一步演化,如下图: ?...总结: 方案三是比较完整方案,很多大厂都在使用,能够承受亿级流量,但系统比较复杂。

1.3K30
领券