文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Hexo优化-使用Netlify实现博客部署

20220919_Hexo优化-使用Netlify实现博客部署 我此前Hexo博客时托管在腾讯云上, 但是继腾讯云继上半年关闭了云开发环境的永久免费流量后, 9月份还更改了云开发的付费模式, 强制关闭了我的...文件 部署Netlify 相比腾讯云复杂的配置机制, Netlify的配置显得极为简单易懂,你需要做的只有授权gitlab, 配置命令和自定义域名等必要操作.便可以得到一个自动部署的博客网站 值得注意的是..., 你要做的就是提交代码到git平台, 很快就能看到自己博客已经更新 总结 就Hexo博客部署而言, Netlify对于腾讯云是完全的碾压, 免费, 更符合操作习惯的部署方式, 更简单易懂的操作,还有毫不逊色的性能...搭建个人博客设置域名_野猿新一的博客-CSDN博客_netlify 域名 后记 Netlify博客时区Bug 博客文档发布时间在凌晨0到8点,会导致图片展示bug 问题 发布博客时发现页面图片未显示 #...博客识别信息 Bugfix 修改为12点确认显示OK, 由于Netlify时区Bug问题,发布时间不要在凌晨0到8点 date: 2023-05-03 12:10:00 # 文档编写信息

16410
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    使用Hexo+Github+腾讯云+Netlify搭建个人博客

    不然只会显示description。然后把加入到文章中。之前即为摘要。效果如下： 图片 如果想在摘要中显示图片可以将放在图片链接后面。...参考： https://zhuanlan.zhihu.com/p/134492757 部署博客 目前我学习到两种部署博客网站的方式。...一种是使用Github Pages来托管博客网站，一种是通过Netlify来托管。...避免出现异常 hexo generate #生成静态页面至public目录 hexo server #开启预览访问端口（默认端口4000，'ctrl + c'关闭server） hexo deploy #将博客内容部署到...申请SSL证书 点击右侧的SSL图标即可免费申请 图片 网站不安全的标志 图片 增加SSL证书后 图片 参考： https://zhuanlan.zhihu.com/p/77651304 提交网站给搜索引擎

    69800

    Axure RP8入门之基本操作篇

    其中：裁剪只保留被选择的区域；剪切是将选取的部分从原图中剪切到系统剪贴板中；复制是将选取的部分复制到系统剪贴板中，复制的方式对原图没有影响。...例如，使用少量特殊字体或者图标字体时，即可将元件转换为图片，避免在未安装字体的设备上浏览原型时不能正常显示。...### 34.设置页面颜色（草图/黑白） 在页面的【样式】中，可以将当前页面的显示为草图效果，同时可以将页面颜色在彩色与黑白之间转换。...以FontAwesome字体为例。在Web字体设置中，点击【+】添加新的配置，勾选【链接到“.CSS”文件】选项，将该字体官方网站提供的“.CSS”文件地址填入超链接中即可。...通过以上方式处理后，未安装该字体的设备中查看原型时即可正常显示字体。

    5.2K30

    学习WPF——使用Font-Awesome图标字体

    图标字体介绍 在介绍图标字体之前，不得不介绍图标格式ICON ICON是一种图标格式，我们操作系统中各种应用程序都包含一个图标 比如QQ程序的图标是一个可爱的企鹅，我的电脑是一个显示器图标 --...，用起来非常方便，展现效果也一如预期 但在WPF应用程序中使用图标字体就会显示成一个方框，如下图 ?...后来，才找到解决办法： 首先到Font-Awesome官方网站下载字体程序 ? 下载到的压缩包，解压后获得图标字体文件 ?...然后把字体文件拷贝到项目中 并设置“复制到输出目录”为“如果较新则复制” 然后编辑程序代码： <Window x:Class="WpfApplication1.MainWindow" xmlns=..." Style="{DynamicResource <em>FontAwesome</em>}" /> <TextBlock Text="" Style="{DynamicResource <em>FontAwesome</em>

    2.5K50

    WordPress导航菜单图标字体插件font awesome 4 menus纯代码版

    于是将这个插件改造成代码版，顺便精简了基本用不到的 shortcode 图标调用功能。 ?...先贴一下效果截图，了解一下图标字体是个什么东东： ? 其实，就是在需要的位置显示一个图标而已。而这一切由 CSS+fonts 来实现，即图标字体。...理论上，图标字体可以用在网站的任意位置，只需要用 i 标签加 class 来添加即可。...比如我要加入微信图标，我只要在需要显示的位置添加如下标签即可： 而我们想要更多的图标，就需要到官方的图标库里面去查找了： http://fortawesome.github.io...不过，有心的朋友可能发现了，这个图标字体的 CSS 文件达到 20 多 kb，而我们真正要用的也就几个到十几个图标而已！所以，喜欢折腾的朋友可以进一步精简一下 CSS 文件。

    3K50

    我用STM32MP1做了个疫情监控平台4—功能完善界面重新设计

    3.新增功能 UI重新设计，仿平板界面 新增海外疫情数据显示和国内零病例城市数据显示 新增疫情新闻显示，使用html模板文件的方式实现富文本的显示 5分钟自动更新，可通过开关选择是否开启 新增IP自动定位功能...FontAwesome字体图标库的使用 自定义标题栏按钮，可点击图标关闭窗口，手动更新等 4.API 接口说明 所使用到的几个接口地址： 根据请求的IP地址，返回定位的城市名称和经纬度 http://...FontAwesome字体图标库的使用 在这次新版本中，我首次使用了FontAwesome字体图标库，图标显示效果： ? 使用起来非常方便，简单。...首先把图标库里的ttf字体文件添加到Qt工程里，通过以下代码实现图标显示。...标签或者按钮添加图标背景： #include void MainWindow::iconDemo() { //fontawesome-webfont.ttf图标库示例

    90420

    Hexo系列(2.1) - NexT主题美化与博客功能增强 · 第二章

    我希望我的站点可以不分国界，所以我将站点分别部署到了Coding.net和GitHub上，这样可以国内外都快速访问到站点(这个需要域名才能实现)。...网页标题崩溃特效 该特效为：当用户离开站点相关的页面时，网页的标题会变成“已崩溃”，网站图标也会改变；当用户重新回到站点页面时才会恢复正常。...document.title = OriginTitile; }, 2000); } }); } 然后在站点根目录的/source目录下添加failure.ico，作为网站崩溃时显示的图标...直接在这里添加 fontawesome 5的 CDN 会导致原本的图标全部显示不出来。...接下来重新部署三连，可以看到我们的文章路径变成了 /posts/xxxxx.html，接下来就算我们将文字标题命名为中文也没问题了。

    83710

    netlify部署博客

    今天发现github的pages服务居然炸了，不知道谁干的，所以我将目光放到了netlify，以前就早有耳闻，好像速度会比github快，我也不知道是不是，我主要是为了双线部署，解决移动宽带不能访问我博客的原因...不管如何，本篇文章教你如何使用netlify部署你的博客。 登入Netlify Netlify官网 直接使用你的github账号就可以了，如果无法访问这个网站，那你可能需要挂梯。...部署博客 我使用的是hexo所以直接按照以往部署的方式即可 hexo g -d 你无需更改hexo的任何配置，只需要使用这个命令先部署到github。...如果你使用的是其他静态程序，只需要和你以前一样，先部署到github即可。...： image.png 有一个带netlify的域名，也就是你目前唯一的一个域名，你需要把netlify给你的域名进行解析，使用CNAME记录类型，和你解析github的网站一样。

    1.5K20

    niRvana · 轻拟物主题4.8完美版

    您可以： 增加或减少边栏 定义每个边栏的图标 分配边栏在文章还是在首页显示 当文章被检测到“文章目录”时，也会自动将文章目录当做一个边栏默认展示。...1、新增：网站装饰 -【灯笼】喜迎春节 2、新增：文章支持分享至QQ空间 3、新增：文章支持直接分享给QQ好友 v4.0.0 1、史诗更新：内置的FontAwesome字体跟新到FontAwesome...HTML标签错误 2、更新：内置的FontAwesome字体到5.10.2版本 3、修复：WP5.3版本中，“标签与链接”小工具无法添加数据的问题 4、新增：主题自带的小工具支持“无障碍模式”了 v3.5.0...逻辑：打开页面算1次，若从来没有统计过，那么用点赞数据来显示 5、修复：网络不通畅时，重复多次点赞的问题 6、更改：非登录状态时，请求不再带入nonce信息（缓存未登录状态页面不再报错） 7、更改：使用新的信息通知功能及通知样式...8、修复：分类页随机滚动头部文章时，默认有20个，影响体验，现改为5个 9、更新：内置的FontAwesome字体到5.8.2版本 v1.5.6 1、优化：相关文章默认看不到文章标题的问题。

    8.6K10

    2020年你应该关注这50款前端热门工具：CSS & HTML 工具篇（二）

    当你按住 CTRL + SHIFT 时，页面上所有的元素都以线框的形式进行呈现，方便你看元素与元素之间的关系。这些快捷键的设置当然你可以自定义，包括线框样式。...官网地址：https://github.com/leeoniya/dropcss 一款快速高效、体积小（10KB)的清理未使用CSS代码的插件。...官方网站地址：https://cssfx.netlify.com/ cssfx网站，汇集了许多常用的漂亮的动画小组件，比如按钮点、链接的点击滑动效果，还有一些常用的loading动画小组件，这些小组件的代码十分简洁...官方网站地址：https://cssgrid-generator.netlify.com/ 通过这款在线工具，你可以设置行和列的数字还有单位，工具将为您生成一个 CSS Grid 网格布局！...”） 可以用编程的方式进行实现，无需挂载小部件 小节 关于 CSS & HTML 工具的插件就分享到这里，如果你喜欢我的分享，麻烦给个关注、点赞加转发哦，你的支持，就是我分享的动力，在下篇文章我将和大家分享一些关于测试及数据相关的工具

    1.2K40

    2020年你应该关注这50款前端热门工具：CSS & HTML 工具篇（二）

    当你按住 CTRL + SHIFT 时，页面上所有的元素都以线框的形式进行呈现，方便你看元素与元素之间的关系。这些快捷键的设置当然你可以自定义，包括线框样式。...15、DropCSS 官网地址：https://github.com/leeoniya/dropcss 一款快速高效、体积小（10KB)的清理未使用CSS代码的插件。...16、cssfx 官方网站地址：https://cssfx.netlify.com/ cssfx网站，汇集了许多常用的漂亮的动画小组件，比如按钮点、链接的点击滑动效果，还有一些常用的loading动画小组件...17、CSS Grid Generator 官方网站地址：https://cssgrid-generator.netlify.com/ 通过这款在线工具，你可以设置行和列的数字还有单位，工具将为您生成一个...”） 可以用编程的方式进行实现，无需挂载小部件 小节 关于 CSS & HTML 工具的插件就分享到这里，如果你喜欢我的分享，麻烦给个关注、点赞加转发哦，你的支持，就是我分享的动力，在下篇文章我将和大家分享一些关于测试及数据相关的工具

    1.7K00

    个人免费博客花式搭建指南

    这个网站还有一个很神奇的附带功能——它与 Netlify 相连接，从网站上就可以看出 Netlify 支持部署的静态网站生成器。   说到这里，又有一个新的名词出现了——Netlify。...Netlify 其实是一个自带持续部署的网站，它需要与 Github 提供的持续集成联合使用。...当 Github 指定的项目发生了推送操作时，Netlify 会通过已授权认证的方式从 Github 上拉取代码，并根据预设好的编译、部署命令生成最终的网页。...当然，用户也可以使用自己的域名解析到 Netlify，并且享有 Netlify 提供的免费 SSL 证书和全球节点加速。   ...其他   除了以上这些，也有一些其他的支持 Markdown 语法和部署简单的免费博客搭建方法，比如说将静态网站部署在普通虚拟主机、虚拟服务器上，将静态网站的文件当做是对象存储并开放匿名访问，使用 Read

    1.8K40

    10 个web前端开发者都应该知道的提升工作效率的网站

    Web 开发人员一定要上的网站，这个对您提升开发效率非常有帮助。 02、Ray.so 地址：https://ray.so/ 此网站可以将让您制作的精美图像进行源代码的分享。...03、FontAwesome 地址：https://fontawesome.com/ 如果您在为您的项目寻找一些很棒的图标，您可以访问 FontAwesome 下载任何项目的免费图标。...必须尝试该网站。 06、Dev Samples 地址：https://www.devsamples.com/ 此网站是您可以自由复制粘贴到项目中的代码集合网站。...一定要试试这个网站。 10、Coolors 地址：http://coolors/ Coolors 是我推荐的颜色组合网站。每次按“空格键”时，它都会生成新的颜色组合。...总结 感谢您抽出时间阅读本文，希望您能从中找到一些有用且有趣的内容，并且您有任何有用的网站，请不要忘记在留言区与我分享。另外，也请您与您的朋友一起来分享它，也许可以帮助到您的朋友。 最后，祝编码快乐！

    1.1K20

    第八十四节，css布局小技巧及font-awesome图标使用

    css布局小技巧及font-awesome图标使用 图片鼠标放上去遮罩效果，显示文字 当鼠标放上去时 /*最外层div*/ .a{ width: 384px; height...margin-top: 10px; margin-left: 10px; } 效果： 鼠标没放上去时尖角向下...，鼠标放上去尖角向上 font-awesome图标使用 font-awesome图标是一个css的插件包，是一个以字体文件方式集成的图标，首先要下载插件包 中文网站http://fontawesome.dashgame.com.../ 英文网站http://fontawesome.io/icons/ 下载好后解压，会得到如下文件 将font-awesome-4.6.3 文件夹放入html工程目录里 然后在html页面引入font-awesome..."stylesheet" type="text/css" href="font-awesome-4.6.3/css/font-awesome.css"/> 在要使用的元素标签class=”fa fa-图标名称

    2K20
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券