天道酬勤,学无止境

Pelican 静态站点生成器更改字体大小(Pelican static site generator change fontsize)

问题

任何人都可以给我一个关于如何使用 CSS 更改 Pelican 站点的字体大小的提示。 我使用 pelican-bootstrap3 主题。

我不想分叉和修改主题。 我想使用 custom.css 功能更改大小。

感谢您的帮助

回答1

查看 github 上的 pelican-bootstrap-3 帮助页面。

您可以做的是创建一个如下所示的 custom.css 文件:

html {
   font-size:150%
}

诀窍是将您的 custom.css 文件放在您的内容文件夹中,并告诉 pelican 它在哪里,然后它应该放在您的输出中的哪个位置。 您还必须告诉 pelican-bootstrap-3 主题此文件的位置,它会将其添加到渲染输出的标题中。

首先,通常您会在内容文件夹中创建一个名为 extras 的文件夹,并将 custom.css 文件放在那里。 这是 github 页面上的路径符号出现的地方:

extras/custom.css

您现在必须编辑pelicanconf.py文件以告诉 pelican 此文件所在的位置,并将此信息提供给 pelican-bootstrap-3。 将此添加到您的:

# tell pelican where your custom.css file is in your content folder
STATIC_PATHS = ['extras/custom.css']

# tell pelican where it should copy that file to in your output folder
EXTRA_PATH_METADATA = {
'extras/custom.css': {'path': 'static/custom.css'}
}

# tell the pelican-bootstrap-3 theme where to find the custom.css file in your output folder
CUSTOM_CSS = 'static/custom.css'

受限制的 HTML

  • 允许的HTML标签:<a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id>
  • 自动断行和分段。
  • 网页和电子邮件地址自动转换为链接。

相关推荐
  • 为了让 Pelican 生成的 html 链接到图像,表达路径的正确方法是什么?(What is the correct way to express a path in order to get Pelican generated html to link to an image?)
    问题 我刚开始用 Pelican 创建一个博客,想链接到一个图像。 我通过在 Markdown 文件中包含以下行来做到这一点: <img src="./myImg1a.png" alt="./myImg.png" style="width: 750px; height: 800px;"/> 这一行在 html 文件中成功复制,Pelican 将其放置在输出目录(即/myBlog/output )中。 我将png文件放在输出目录中(即与html文件相同的目录并得到以下错误: WARNING:root:Unable to find file /category/myImg1a.png/index.html or variations. 其中/category指的是myBlog/output/category 。 相反,当我使用以下 html 代码时: <img src="/myImg1a.png" alt="/myImg.png" style="width: 750px; height: 800px;"/> 一切正常。 我不明白为什么这应该是: 如果图像文件与html文件在同一目录中,“./myImg1.png”不应该是正确的,“/myImg.png”不应该是不正确的吗? 为什么要寻找文件夹/category/myImg1a.png/index.html ? 回答1 首先,根据设计
  • Pelican static site generator change fontsize
    Dose anyone can give me a hint on how to change the fontsize with CSS for a Pelican Site. I use the pelican-bootstrap3 theme. I do not want to fork and modify the Theme. I would like to change the size with the custom.css feature. thanks for the help mathias
  • 如何使用 Jinja2 按日期对文章进行分组并在 Pelican 中进行分页?(How can I use Jinja2 to group articles by date and paginate in Pelican?)
    问题 我正在使用 Pelican 静态站点生成器来创建一个高容量的博客。 Pelican 主题对索引页进行分页,显示帖子标题和摘要列表,按日期对帖子进行排序。 以下是 bootstrap 主题中如何实现的示例: {% if articles %} {% for article in (articles_page.object_list if articles_page else articles) %} <div class='article'> <h2>{{ article.title }}</h2> <div class="well small">{% include "metadata.html" %}</div> <div class="summary">{{ article.summary }} <a class="btn primary xsmall" href="{{ SITEURL }}/{{ article.url }}">more…</a> </div> </div> {% endfor %} {%endif%} 这是分页导航的标准代码: {% if articles_page and articles_paginator.num_pages > 1 %} <div class="pagination"> <ul> {% if articles_page.has
  • Pelican 3.3 pelican-quickstart error “ValueError: unknown locale: UTF-8”
    When I was trying to use pelican3.3, I typed the commend "pelican-quickstart", some errors showed up. These are the errors: (PelicanEnv)59-127-113-90:myblog Richo$ pelican-quickstart Traceback (most recent call last): File "/Users/Richo/Dropbox/Github/PelicanEnv/bin/pelican-quickstart", line 9, in <module> load_entry_point('pelican==3.3', 'console_scripts', 'pelican-quickstart')() File "/Users/Richo/Dropbox/Github/PelicanEnv/lib/python2.7/site-packages/pkg_resources.py", line 378, in load_entry_point return get_distribution(dist).load_entry_point(group, name) File "/Users/Richo/Dropbox/Github
  • 使用 pelican-quickstart 时出错“No module named html_parser”(Error using pelican-quickstart “No module named html_parser”)
    问题 我决定尝试一下pelican ,但是当我运行pelican-quickstart ,我得到以下对话框: $ pelican-quickstart Traceback (most recent call last): File "/usr/local/bin/pelican-quickstart", line 9, in <module> load_entry_point('pelican==3.4.0', 'console_scripts', 'pelican-quickstart')() File "/System/Library/Frameworks/Python.framework/Versions/2.7/Extras/lib/python/pkg_resources.py", line 357, in load_entry_point return get_distribution(dist).load_entry_point(group, name) File "/System/Library/Frameworks/Python.framework/Versions/2.7/Extras/lib/python/pkg_resources.py", line 2394, in load_entry_point return ep.load() File "
  • markdown/pandoc 的全站编译? [关闭](Whole site compilation of markdown/pandoc? [closed])
    问题 关闭。 此问题不符合 Stack Overflow 准则。 它目前不接受答案。 想改善这个问题吗? 更新问题,使其成为 Stack Overflow 的主题。 3年前关闭。 改进这个问题 使用 Sphinx-doc,您可以创建一堆 ReStructureText 文件,其中包含一个目录宏的index.rst文件,该宏从其他包含的文件中自动生成目录,以及一个用作编译的conf.py配置。 然后,您可以将该批次编译为一个 Python 文档样式的站点,并配有索引、导航工具和搜索功能。 有没有类似的降价工具(最好是 pandoc 风格的降价)? 回答1 一些使用 Markdown 的静态站点生成器: Jekyll 非常流行,也是 GitHub 页面背后的引擎。 Python 变体:Hyde 或 Pelican nanoc(在 GitHub API 文档中使用 f.ex) Middlemanapp:也许是最好的一个? 我认为他们都没有使用 pandoc(可能是因为它是用 Haskell 编写的),但是他们都使用了增强的 Markdown 语法或者可以配置为使用 pandoc。 从 Markdown 生成站点的其他有趣方法: Markdown - 基于文件的Wiki :f.ex。 Gollum,GitHub 也使用的 Wiki 引擎电报:商业; 由 David Pollak 编写
  • Pelican 3.3 pelican-quickstart错误“ ValueError:未知语言环境:UTF-8”(Pelican 3.3 pelican-quickstart error “ValueError: unknown locale: UTF-8”)
    问题 When I was trying to use pelican3.3, I typed the commend "pelican-quickstart", some errors showed up. These are the errors: (PelicanEnv)59-127-113-90:myblog Richo$ pelican-quickstart Traceback (most recent call last): File "/Users/Richo/Dropbox/Github/PelicanEnv/bin/pelican-quickstart", line 9, in <module> load_entry_point('pelican==3.3', 'console_scripts', 'pelican-quickstart')() File "/Users/Richo/Dropbox/Github/PelicanEnv/lib/python2.7/site-packages/pkg_resources.py", line 378, in load_entry_point return get_distribution(dist).load_entry_point(group, name) File "/Users/Richo/Dropbox
  • Error using pelican-quickstart “No module named html_parser”
    I decided to give pelican a try, but when I run pelican-quickstart, I get the following dialog: $ pelican-quickstart Traceback (most recent call last): File "/usr/local/bin/pelican-quickstart", line 9, in <module> load_entry_point('pelican==3.4.0', 'console_scripts', 'pelican-quickstart')() File "/System/Library/Frameworks/Python.framework/Versions/2.7/Extras/lib/python/pkg_resources.py", line 357, in load_entry_point return get_distribution(dist).load_entry_point(group, name) File "/System/Library/Frameworks/Python.framework/Versions/2.7/Extras/lib/python/pkg_resources.py", line 2394, in load
  • 如何在 Pelican 博客上链接您自己的文章?(How to link your own articles on a Pelican blog?)
    问题 我试图用 html 文件名链接,但它有效,因为它们在同一个文件夹中。 [Title](./this-is-the-file.html) 但由于 ARTICLE_URL 模式,另一篇文章可能会出现在另一个文件夹中。 例子: [Title 1](/2014/02/article1.html) [Title 2](/2014/01/25/article2.html) 是否可以将您自己的文章与 slug 的引用联系起来? 还有比生成的 HTML 文件名更好的解决方案吗? 回答1 如文档中所述,您可以通过以下方式链接到其他源内容文件: [a link relative to content root]({filename}/this-is-the-source-file.md) ... 或者 ... [a link relative to current file]({filename}../this-is-the-source-file.md) Pelican 将合并您选择的 URL 方案并自动确定链接到另一篇文章的正确方式。 回答2 我这样做的方法是使用save_as元数据标签指定我自己的 sluglines。 因此,如果我有一篇名为my_post.md的博客文章,它将如下所示: Title: My Blog Post save_as: myblogpost.html This
  • How can I use Jinja2 to group articles by date and paginate in Pelican?
    I'm using the Pelican static site generator to create a high-volume blog. Pelican themes paginate the index page, showing a list of post titles and summaries, sorting the posts by date. Here's an example of how this is accomplished, from the bootstrap theme: {% if articles %} {% for article in (articles_page.object_list if articles_page else articles) %} <div class='article'> <h2>{{ article.title }}</h2> <div class="well small">{% include "metadata.html" %}</div> <div class="summary">{{ article.summary }} <a class="btn primary xsmall" href="{{ SITEURL }}/{{ article.url }}">more…</a> </div> <
  • What is the correct way to express a path in order to get Pelican generated html to link to an image?
    I'm just starting to create a blog with Pelican and wanted to link to an image. I did this by including the following line in my Markdown file: <img src="./myImg1a.png" alt="./myImg.png" style="width: 750px; height: 800px;"/> This line was successfully reproduced in the html file, which Pelican placed in the output directory (i.e. /myBlog/output). I placed the png files in the output directory (i.e. the same directory as the html files and got the following error: WARNING:root:Unable to find file /category/myImg1a.png/index.html or variations. where /category refers to myBlog/output/category
  • How to add image from within 'content' subfolder - pelican
    I got a structure content/ ├── applications │ └── 2017 │ └── 08 │ └── 30 │ ├── article.md │ └── forecast1.png I want the img files to be same directories as the md files so that they can be put to: ARTICLE_SAVE_AS = 'posts/{date:%Y}/{date:%b}/{date:%d}/{slug}/index.html' I have STATIC_PATHS = ['static_files','content'] however, the [alt]({attach}applications/2017/08/30/forecast1.png) gives error: WARNING: Unable to find `applications/2017/08/30/forecast1.png`, skipping url replacement. How can I include image into my md file in this simple case? EDIT so I changed the config applications is my
  • How to link your own articles on a Pelican blog?
    I tried to link with the html file name, but it works because they are on the same folder. [Title](./this-is-the-file.html) But it is possible that another article would appear on another folder because of the ARTICLE_URL pattern. Examples: [Title 1](/2014/02/article1.html) [Title 2](/2014/01/25/article2.html) Is it possible to link your own articles with a reference to the slug ? Any other better solution than the generated HTML file name ?
  • 在 Pelican 主题中查询特定文章(通过标签/类别)(Querying for specific articles (via tag/category) in Pelican themes)
    问题 是否可以在 Pelican 模板文件中通过 jinja 设置查询参数? index.html {% if articles %} {% for article in articles_page.object_list if article.category == 'article' %} #stuff {% endfor %} {% endif %} 这将返回文章类别中的文章,但前提是它们恰好在已查询的文章中。 理想的设置是在 y 类别(或带有 y 标签)中抓取 x 篇文章 - 这可能吗? 回答1 此代码片段适用于我带回匹配标签的所有文章的列表: {% block content %} <ul> {% for article in articles if FAVORITES_TAG in article.tags %} {% if loop.index <= FAVORITES_COUNT %} <li><a href="{{ SITEURL }}/{{ article.url }}">{{ article.title }}</a></li> {% endif %} {% endfor %} </ul> {% endblock %} 我在配置中设置了 FAVORITES_TAG 和 FAVORITES_COUNT 变量。 我希望这有帮助。 回答2 我遇到了同样的问题
  • 静态网站(博客)生成器Static Site Generators(SSGs)大集合
    生成静态网站的工具的大集合 Table of Contents.NETAwkBashC++C#C and PerlClojureCommon LispDDenoDropboxElixirErlangGoGroovyHaskellJavaLanguage AgnosticLuaNimrodNode.jsOCamlPHPPythonRacketRubyRustScalaSchemeShellTcl.NETPretzelWyamAwkzodiacBashbakerbashblogNanoBloggerPagegenSKFC++LeoC SharpGrazeC and PerlBlazeBloggerblosxomBryarDapperExposeHiDikiwikiPaperyQgodaQuietly::ConfidentStaticVoltStatoclesTemplerWebsite Meta LanguageXDOZucchiniClojureCryogenincisemisakiperunStasisStaticCommon LispcoleslawregenerateDDSSGDenoLumePagicssgoDropbox900dpiBlogmarkBraceCalepinChiliCloud CannonDrapacheDropPagesKI***Pancake
  • IPython Notebook语言环境错误[重复](IPython Notebook locale error [duplicate])
    问题 这个问题已经在这里有了答案: Pelican 3.3 pelican-quickstart错误“ ValueError:未知语言环境:UTF-8” (6个答案) 4年前关闭。 安装最新的Mac OSX 64位Anaconda Python发行版后,尝试启动IPython Notebook时,我始终收到ValueError。 启动ipython可以正常工作: 3-millerc-~:ipython Python 2.7.3 |Anaconda 1.4.0 (x86_64)| (default, Feb 25 2013, 18:45:56) Type "copyright", "credits" or "license" for more information. IPython 0.13.1 -- An enhanced Interactive Python. ? -> Introduction and overview of IPython's features. %quickref -> Quick reference. help -> Python's own help system. object? -> Details about 'object', use 'object??' for extra details. 但是启动ipython笔记本: 4-millerc
  • Querying for specific articles (via tag/category) in Pelican themes
    Is it possible to set query parameters via jinja in Pelican template files? index.html {% if articles %} {% for article in articles_page.object_list if article.category == 'article' %} #stuff {% endfor %} {% endif %} This will return articles in the article category, but only if they happen to be in the articles already queried for. The desirable setup would be to grab x articles in y category (or with y tag) - is that possible?
  • How I can add attribute to img tag in Pelican
    I want to add attribute to image tag in order to reference from JavaScript library as below. <img src="img/sample.png" data-action="zoom"> However, I only can add alt, width, height as I know as below as outcome from Pelican. <img alt="thumbnail" height="250px" src="/images/mech2.jpg">
  • remove() 不删除调整大小的图像(remove() not removing a resized image)
    问题 jQuery 说明了 .remove() 方法 当您想要删除元素本身以及其中的所有内容时,请使用 .remove() 。 除了元素本身之外,所有与元素关联的绑定事件和 jQuery 数据都将被删除。 但是,如果您 remove() 已调整大小的图像周围的 ui-wrapper,则情况似乎并非如此。 ui-wrapper 中的图像留在 DOM 中。 在此处查看 jsfiddle http://jsfiddle.net/stevea/jP6NY/2/。 那么删除已调整大小的图像的正确方法是什么? $(function(){ $('#pelican').resizable({handles : 'ne,se,sw,nw', aspectRatio : true}); }); $('button#removeImg').click(function() { $('.ui-wrapper').remove(); }); 谢谢 回答1 要删除在调用 .resizable 期间创建的图像和包装器,请使用: $('#pelican').remove(); 要仅删除调整图像大小的功能,同时将图像保持在调整大小的状态,请使用: $('.ui-wrapper').remove(); 这样做的原因是 jQuery 和 jQuery UI 小部件在调用 .remove()
  • 如何通过代理使用CURL?(How to use CURL via a proxy?)
    问题 我希望将curl设置为使用代理服务器。 网址是由html表单提供的,这不是问题。 没有代理,它可以正常工作。 我已经在此站点和其他站点上找到了代码,但是它们不起作用。 寻找正确解决方案的任何帮助将不胜感激。 我觉得风箱近在咫尺,但我错过了一些东西。 谢谢你。 我从此处改编的波纹管代码http://www.webmasterworld.com/forum88/10572.htm,但它在第12行返回有关缺少T_VARIABLE的错误消息。 <? $url = '$_POST[1]'; $ch = curl_init(); curl_setopt($ch, CURLOPT_URL,$url); curl_setopt($ch, CURLOPT_HTTPPROXYTUNNEL, 0); curl_setopt($ch, CURLOPT_PROXY, '66.96.200.39:80'); curl_setopt($ch, CURLOPT_FOLLOWLOCATION, 1); curl_setopt($ch, CURLOPT_RETURNTRANSFER, 0); curl_setopt($ch, CURLOPT_CUSTOMREQUEST,'GET'); curl_setopt ($ch, CURLOPT_HEADER, 1) curl_exec ($ch); $curl_info