用Jekyll生成网页部署的若干问题

localhost/本地打开/服务器部署的区别

如果使用bundle exec jekyll serve命令，系统启动本地服务器，一切都以_site目录作为根目录。
本地用浏览器打开，根目录就会变成所在盘的跟文件夹，比如D://
上传到服务器，那么会以服务器所在地址作为根目录，但是如果上传到的是二级目录，比如www.abc.com/d,那么在_config.yml里一定要配置url和baseurl,生成网页的时候要是用bundle exec jekyll b命令，否则还是会自动把网址替换为localhost.

必须要搞清楚上述的区别，否则会造成可以读取html但是读取不到css或者图片。只变成单纯的html的界面。如果不确定生成的网页中引用的目录到底是什么，可以用浏览器打开html然后邮件查看源代码来核查。

如何在网页链接中加上二级目录？

如果以前的链接是\assets\css\main.css,那么如果上传到二级目录的话就找不到这个目录了，所以要引用变量site.baseurl:

\{{site.baseurl}}\assets\css\main.css

用Jekyll生成网页部署的若干问题相关推荐

react骨架屏自动生成_用纯 DOM 的方式结合 Puppeteer 自动生成网页骨架屏
骨架屏是在页面数据尚未加载完成前先给用户展示出页面的大致结构,直到请求数据返回后再显示真正的页面内容:随着单页应用( SPA )的越来越流行,单页应用的用户体验也越来越得到前端开发者的关注:为了优化用 ...
.NET基础（03）生成、部署和管理
生成.部署和管理 1 如何生成强签名的程序集 2 如何把程序集放入GAC中 3 延迟签名及其作用 4 程序集的版本分哪几部分 1 如何生成强签名的程序集在生成程序集时,CLR提供了两种可选类型: 强 ...
如何将网页部署到maven_如何通过Rultor将Maven工件部署到CloudRepo
如何将网页部署到maven 在我以前的文章中 ,我描述了如何在Amazon S3中设置私有Maven存储库并通过Rultor进行部署. 如果您熟悉管理Amazon Web Services(AWS), ...
php生成网页按钮,JavaScript实现自动生成网页元素功能（按钮、文本等）_javascript技巧...
创建元素的方法: 1.利用createTextNode()创建一个文本对象 2.利用createElement()创建一个标签对象 3.直接利用容器标签中的一个属性:innerHTML-----本质上 ...
php生成网页缩略图接口,php生成网站缩略图
我要明确的回答使用php生成网站缩略图是不可能完成的任务. 那为什么我标题还要用"php生成网站缩略图",那是因为我们可以用php作为接口,通过页面传入参数来调用后台生成网页的缩略 ...
ps cc 生成html,使用photoshop生成网页的方法
很多人在设计网页时选择photoshop,而不是dreamweaver,因为ps它的图像处理技术更加强大.在ps中设计好网页后,需要将它生成网页,一般情况下,还需要使用dreamweaver来进行网页 ...
php生成网页桌面快捷方式
本文将介绍使用PHP生成网页桌面快捷方式的代码,并添加图标及解决不同浏览器保存出现的乱码问题. 我们访问网站时,如果网站的内容很有吸引,一般我们都会使用浏览器的收藏夹功能,收藏此网站. 在浏览器收藏的 ...
【下载源码】在线生成网页缩略图.超越Snap.com：WebSnap Beta 1.1 发布。感谢博客园的“萧寒”重写的底层。开源。
[下载源码]在线生成网页缩略图.超越Snap.com:WebSnap Beta 1.1 发布.感谢博客园的"萧寒"重写的底层.开源. DEMO网址:http://www.365rs ...
部署网页到华为云服务器,把网页部署到云服务器
把网页部署到云服务器内容精选换一换介绍SAP应用弹性伸缩的部署方案. 部署提供可视化.一键式部署服务,支持并行部署和流水线无缝集成,实现部署环境标准化和部署过程自动化.本节通过以下四步介绍如何使 ...
VvvebJs —— 使用拖拽的方式生成网页
https://www.oschina.net/p/vvvebjs?utm_source=wechat&utm_medium=zaobao VvvebJs -- 使用拖拽的方式生成网页 htt ...

用Jekyll生成网页部署的若干问题

localhost/本地打开/服务器部署的区别

如何在网页链接中加上二级目录？

用Jekyll生成网页部署的若干问题相关推荐

最新文章

热门文章