安装scss编译器 有两种方法,一种使用网上说的安装ruby,一种是利用node.js 的node-sass ruby官网:https://rubyinstaller.org/downloads/...ruby编译参见:https://www.cnblogs.com/congxueda/p/7086575.html 在此我们使用node的方法来编译。...配置解释 File type 监听变化的文件类型(不是此类型,不监听) Insert Macro 插入宏,就是提供一些文件名、路径等变量 Scope 监听作用域(不在此作用域中的文件不监听...Output paths to refresh 输出后刷新文件 我的具体配置 此处我这里的参数配置是:将该scss/.scss文件编译的css文件放到css文件夹 也就是说,在scss目录新建....scss文件,然后ws会自动编译到css/.css。
在很早之前的一篇文章,讲了用node-sass来编译,参考:https://www.misiyu.cn/article/48.html 今天来讲讲使用ruby来编译。...no-cache --update --sourcemap $FileName$:$FileParentDir$\css\$FileNameWithoutExtension$.css 1、以上配置的意思是在scss...文件存在的上级目录下的css文件夹生成编译好的css文件。...update --sourcemap --style compressed $FileName$:$FileParentDir$\css\$FileNameWithoutExtension$.css 编译的就压缩了...使用 这只编译好了的css文件: ? 执行: ? 结果: ?
3 已经自带 Sass 编译器了, 不需要额外安装 目录结构 . | - _sass | - _typography.scss | - _layout.scss | - _colors.scss...| - css | - screen.scss | - print.scss _sass 文件夹里面是 partial 文件,这些个文件在最后构建的时候不会被生成。...这部分文件写的时候上方要加 YAML header: 最顶上的两行横杠不能删除, 这个是为了让文件按照 Jekyll 标准进行读取 使用 _sass/test.scss .content { height.../jekyll-sass-converter 参考文献 Using Sass with Jekyll Jekyll Docs How to use Sass with Jekyll (Bootstrap...and Font Awesome example) i-am-a-jekyll-god
有时候安装完了和自己的不博客版本对不上,而导致报错不能编译。目前经过测试此版本Ruby+Devkit 2.5.7-1 (x64)比较适合 Jekyll 博客的编译部署。...前两个是必选项,第三个可以不选 3. 继续执行直到完成 点击下一步即可,不需要更改配置 [17120c3efbfabb83?...├── _sass | ├── _base.scss | ├── _layout.scss | └── _syntax-highlighting.scss ├── about.md ├──...编译到指定地方 14 jekyll build --watch 编译后好自动监听文件变化 自动编译 15 bundle exec jekyll build 您只需构建您的站点(而不是在本地提供),然后您可以将生成的文件上传到您的服务器...(这将生成与_config.yml中配置变量url的值的规范链接) 16 jekyll clean 清空编译_site 17 jekyll serve 本地启动服务 18 jekyll serve -
有关转义字符和格式化块的更多信息,请参阅Jekyll文档。 以下部分显示如何通过调整并设置表格和图像样式以改进显示。 扩展默认SCSS Jupyter中的表格输出转换为HTML表格。...本节介绍如何通过扩展主题SCSS以便对表格进行样式化。 1.在/exampleblog/assets文件夹中创建一个名为main.scss的新文件。...导入现有的最小SCSS主题并添加以下内容: main.scss 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24...│ ├── \_layout.scss │ └── \_syntax-highlighting.scss...└── minima.scss 注意默认主题作为gem安装。
从 Pygments 的名字也可以看出来,这款工具是 Python 语言编写的,因此编译时是需要 Ruby 和 Python 两种语言环境的。不过除此之外,它的配置还是比较简单的。...因为 Rouge 本身是用 Ruby 语言编写的,所以编译时只需要 Ruby 环境。...注意,这里的样式文件需要经过编译才能生效。编译需要在 NodeJS 环境下使用 npm install & gulp 命令。为了加快网页访问,学术首页中的图建议使用 webp 格式。...如下所示,创建新文件 archives.html 和修改 dev/sass/common.scss 文件: <!...参考资料 让 Jekyll 支持 LaTex 数学公式(MathJax v3) Jekyll 实现文章阅读耗时与字数统计 Jekyll 中如何做中文字数统计 版权声明:如无特别声明,本文版权归 仲儿的自留地
出现这种错误一般是工程是别的机器上的,靠过来放到自己机器上就不行了 1 找到工程下的 .classpath这个文件 , 查看 con 节点; 2 找到自己编译过的本地工程 然后把 con节点复制过来
在知乎上看到一些相关的内容,于是选择了在github上用jekyll搭建博客。...执行下面的语句安装 image.png 安装结束画面 image.png 至此jekyll就已经安装完毕了,后续就是个性化的自己设定了。...再次启动服务器成功 image.png 访问 http://localhost:4000/ image.png 详细文章页面 image.png 后续 整个安装过程参考了jekyll官网,注意jekyll...jekyll中文网 http://jekyllcn.com, jekyll英文网 http://jekyllrb.com jekyll中的css是用sass写的,当然直接在_sass/_layout.scss...代码如下: gem uni hitimes **Remove ALL versions** gem ins hitimes -v 1.2.1 --platform ruby 然后将自动重新编译 hitimes
安装Ruby gem install jekyll jekyll -v image.png 新建一个jekyll jekyll new cd bundle install...bundle exec jekyll serve 进入本地环境 127.0.0.1:4000 文件目录 目录 描述 _data 格式化好的网站数据应放在这里,jekyll 的引擎会自动加载在该目录下所有的..._layouts 用来保存模板 _posts 存放文章,文章格式很重要,必须要符合: YEAR-MONTH-DAY-title.md _sass 存放模板中的scss格式 _site 一旦 Jekyll...完成转换,就会将生成的页面放在这里(默认) _config.yml 保存配置数据,如果需要使配置生效,需要重启jekyll index.md 网站的入口,一般不放内容,一般用来进入home模板 assets
简单的说,只有使用的是扩展版本的Hugo,才能令_custom.scss文件生效!!!因为原生的Hugo并不支持编译sass文件,必须使用扩展版本的Hugo才行。...文章摘要标志不生效 和Hexo不同,Hugo的文章摘要标志必须是,在more的两边不能有任何空格,且必须全小写,否则便不会生效。...For information on troubleshooting Jekyll see: https://docs.github.com/articles/troubleshooting-jekyll-builds...taxonomyTerm = ["HTML"] 在站点配置文件了将linkToMarkdown配置为false,并将对应的三项Markdown输出的属性注释掉,终于解决了GitHub Pages编译失败的问题....nojekyll文件会告知GitHub Pages不使用jekyll来渲染静态站点,这样就不会和md文件里的某些代码冲突而build失败。
用上面的语句替代 rake 执行命令 第二个: * * Invoke generate (first_time) * * Execute generate # # Generating Site with Jekyll...Scss D: / RailsInstaller/Ruby1.9.2 / lib/ruby / 1.9.1 / psych....后面必须要有空格 第三个: D:\Dray\U\Git\MyOctopressBlogTest>bundle exec rake preview Starting to watch source with Jekyll...解决: 这个就很郁闷了,categories 分类不能有中文的,现在嘛还无解 常用的编译提交命令 bundle exec rake generate && bundle exec rake deploy
Jekyll 是一个简单的博客形态的静态站点生产机器。...C:\Users\34961>jekyll -v jekyll 3.8.6 3....why-every-programmer-should-play-nethack.md | └── 2009-04-26-barcamp-boston-4-roundup.md ├── _sass | ├── _base.scss...| └── _layout.scss ├── _site ├── .jekyll-metadata 几个主要文件的参数在上面的 Github 页面上有很清楚的说明,想直接用这个模板的朋友可以根据说明修改...参考资料 本次博客的搭建主要参考了以下内容,感谢作者们~ 基于Jekyll搭建个人博客 jekyll-theme-H2O博客主题 个人网站的搭建(基于GitHub和Jekyll主题 ) Jekyll +
(原理上是 GitHub Pages 使用 Jekyll 将 Markdown 文件转换为HTML文件。Jekyll 还支持 Textile 文件,这里不做展开。) 阿里云。...在配置页面的 Theme Chooser 处可以选择自己喜欢的 Jekyll 主题,我现在使用的是 jekyll-theme-merlot。...设置主题后,GitHub 会在仓库自动提交保存 _config.yml 文件,内容: theme: jekyll-theme-merlot 六、设置主题 主题选择后,页面的标题和描述文字都是主题自带的,...theme: jekyll-theme-merlot title: 左手编程,右手文化 description: 天道有缺,人力补之。...在仓库根目录创建 assets/css/style.scss 文件,将修改的样式放入其中: --- --- @import "jekyll-theme-merlot"; /* 减小标题大小 */ header
《持续发烧,试试Dart语言的异步操作,效率提升500%》 《持续发烧,聊聊Dart语言的并发处理,能挑战Go不?》 如果没有看过的同学,可以先看一下。...照顾小白, 稍稍解释下名词 JIT 即是 Just-In-Time, 实时编译,简称 解释型,简单的说就是代码运行后,边编译代码边运行代码,优点便于开发调试,缺点是执行效率不太行 AOT 即是 Ahead-Of-Time..., 预先编译,简称 编译型, 简单说是代码运行前就编译代码,优点是执行效率高点,但是开发调试不友好 主流的后端语言,从 实际使用 上来说: php, python 都是 解释型, 实际开发的时候,代码写的非常爽...,但总是被抱怨性能低 java, go 都是 编译型, 总是被抱怨编译一次,出门打个架都还没结束,我说的是 java 面对这样的情况,机智的同学看出来了,那开发的时候使用 JIT模式, 运行的时候使用...如何编译 Dart 编写的程序 当你使用 Dart 编写好应用程序后,可以使用 dart compile 命令来编译成最终文件 比如使用如下命令直接编译成 exe 文件 dart compile exe
使用 关于监听地址 Cloud Studio 的监听地址 any list {:toc} Cloud Studio 搭建 Jekyll 远程调试环境搭建 今天随手搜了一下关键字Cloud IDE...立刻可以创造最佳 Coding Env 不过有一个 IDE 比较突出,就是 Coding 提供的 WebIDE1 这个 IDE 其实做的也不是特别完美,但是对于比较小的修改和测试来说已经足够了,最终要的是提供了编译和测试环境...s 进行自动部署然后在localhost:4000进行访问 但是在 WebIDE 里面我们并不是访问本地,因此需要监听另一个地址 图片 查看了一下 Coding WebIDE 和 Jekyll 的官方帮助...2需要使用这样的代码 jekyll s --host=0.0.0.0 然后访问的端口改成 4000 就可以远程调试了 Cloud Studio 的监听地址 有时候要跑一些 server 的时候, 如果不监听特定的...引用链接 ---- Coding-WebIDE↩ Jekyll Doc↩
Ghostzhang 发表于 2016-05-07 02:26 有段时间没有更新了,没想到一更新就收到GitHub的邮件,说是系统升级了,因为使用了一些旧的功能,需要更新……为什么啊~我只是想安静的写写文章……好吧,不更新的话根本就编译不通过...首先,看看这次系统升级了些什么,根据邮件指示,来到了这里:GitHub Pages now faster and simpler with Jekyll 3.0,大概的意思是GitHub Pages更新到...Jekyll 3.0了,有以下几点变动: 2016年5月1号开始,GitHub Pages只支持kramdown,作为Jekyll的默认Markdown引擎,如果你用的是其它的引擎,那么你有三个月时间进行更新...Jekyll 3.0对本地版本的优化,我没有使用过,不太了解,有兴趣的同学自己到上面的链接看吧。...将不再支持Textile 更多Jekyll 3.0的特性可以看Upgrading from 2.x to 3.x。
http://127.0.0.1:4000 [androidyue@androidyue octopress]$ rake preview Starting to watch source with Jekyll...public/ [2013-09-07 15:46:21] regeneration: 95 files changed >>> Change detected at 15:46:21 to: screen.scss
Github Pages 支持 自动利用 Jekyll 生成站点,也同样支持纯 HTML 文档,将你的 Jekyll 站点托管在 Github Pages 上是一个不错的选择。...仓库空间不大于1G 每个月的流量不超过100G 每小时更新不超过 10 次 Github Pages 使用 Jekyll 来构建内容,那么 Jekyll 是什么呢?...Jekyll 介绍 Jekyll 是一个简单的博客形态的静态站点生产机器。...首先我在本机(win10)安装了 Jekyll 环境,将 Github 上的博客代码下载下来之后,在本机编译成静态的 Html ,然后手动上传到服务的 Nginx 目录下;然后将域名指向虚拟机。...非常不建议大家实践以上这段内容,win10 上面安装 Jekyll 环境是一段惨痛的经历。
至于说什么遇事不决,量子力学。在编程的生涯里面,那是扯淡。 然而,随着编程的年限久了,什么奇葩的事情就会慢慢的被遇到,有时候会让你三观都被颠覆。...很多时候表现出来的就是 classes 文件没有编译 ! 比如我此时敲下代码, eclipse 此刻自动编译。 部署到tomcat 里面 ,理论上当前这一份 类文件 的修改时间 就是当前时间。...我深信不疑的基本理论都被动摇了。why ? 然后开始去看classes 文件是否编译了。 (很多时候想不起来这回事 ! )....然后就是开始一直编译,一直编译,一直编译.......................... 天知道我编译了多少次! 有人会问,那你为撒还不用IDEA 呢?...后记:这样诡异的问题还很多,编译器不工作只是1个,后面还会遇到mysql 不搭理你的情况。
一、Jekyll介绍 jekyll是一个简单的免费的Blog生成工具,类似WordPress。但是和WordPress又有很大的不同,原因是Jekyll只是一个生成静态网页的工具,不需要数据库支持。...,不建议在 Windows 上面搞,如果你一定想在Windows上安装Jekyll 参考:http://www.ymq.io/2017/07/22/Windows-install-Jekyll/ Mac...Seguin [https://rvm.io] 五、安装 Ruby 用 RVM 安装 Ruby 环境 $ rvm requirements $ rvm install 2.3.0 等待漫长的下载,编译过程...cd mzlogin.github.io.git/ bundle install 4、启动 jekyll jekyll serve -H 0.0.0.0 -P 80 效果如下 ?...jekyll 3.6.2 | Error: jekyll-remote-theme 执行 apt-get install libcurl3 八、jekyll 文档 jekyll 基本用法 官方中文文档
领取专属 10元无门槛券
手把手带您无忧上云