hugo

Relative image paths for Twitter cards in blogdown

好久不见. 提交于 2020-05-23 12:44:04
问题 I'm trying to set up a template for generating Twitter Cards in blogdown . It put the following in layouts/partials/twitter-card.html : <meta name="twitter:site" content="@myname"> <meta name="twitter:creator" content="@myname"> {{ if .IsPage }} <meta name="twitter:description" content="{{ .Summary }}" /> <meta name="twitter:title" content="{{ .Title }}" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:image" content="{{ .Params.image }}" /> {{ else }} <meta

深入对比TOML,JSON和YAML

萝らか妹 提交于 2020-05-08 10:33:17
坦率地说,在我开始与Hugo TOML合作之前,我感到羞耻是一个需要发现的新领域,但我对YAML和JSON非常熟悉。 本文将帮助您了解如何通过不同的数据格式构建数据。 在Hugo中,您可以将所有这三种数据格式用于配置,前置事项和自定义数据,但TOML是用于整个项目的推荐格式。 首先我想简单介绍一下每种数据格式,然后再进入规范和比较。 TOML(Tom's Obvious,Minimal Language) TOML 显然是由Tom - Tom Preston-Werner编写的 - 确切地说。 这是一个在麻省理工学院授权的开源项目,目前 在Github上 有超过5k星 。 2013年3月发布的第一个TOML版本,使TOML成为三个标准的年轻人。 TOML的目标是成为最小的配置文件格式,由于精确的语义,这种格式易于阅读。 TOML被设计为无歧义地映射到散列表。 TOML应该很容易用各种语言来解析数据结构。 关于TOML语法的简短事实 TOML区分大小写。 TOML文件只能包含UTF-8编码的Unicode字符。 空格表示制表符(0x09)或空格(0x20)。 换行符表示LF(0x0A)或CRLF(0x0D0A)。 要在前面的问题中使用TOML,你需要将它封装在 +++ 如下 之间 : +++ date = "2016-12-14T21:27:05.454Z" publishdate

用Hugo搭建博客并部署到GitHub Pages

淺唱寂寞╮ 提交于 2020-04-24 05:51:17
用Hugo搭建博客并部署到GitHub Pages 用Hugo搭建博客并部署到GitHub Pages 1. 本地搭建 1.1 安装Hugo 1.2 创建站点 1.3 新建页面和文章 1.4 使用主题 1.5 修改配置文件 1.6 预览 2. 部署 之前担心过现有博客平台(如博客园,CSDN)突然倒闭了,博文特别是插图来不及备份;也考虑过自建博客可以更随意,因此有了自建博客的打算。花了两天时间,走了一些弯路,有一些经验总结: 做事情一定要搞清楚需求,掂量自己的实力。原本我只是想做一个备份,那么本地写好markdown,存好插图,再同步到博客园就行了,没有必要费力建博客搭网站。虽然Hexo和Hugo都有很多模板供选择,但如果要彻底改造成自己喜欢的样子,还得好好研究琢磨。对于没有任何HTML经验的我,这种工作量远远超过了我的预期。 不要沦为工具的努力。就像斟酌linux还是windows好一样,纠结自建博客和使用博客平台对我来说没太大意义。因为我的目的还是写作,博客也是服务于写作的。既然自建博客的收益并不能完全覆盖我的需求(可能还要支配大量的经历调bug),那么我就应该果断放弃。 Hugo非常非常快,但中文文档和博客少,而且旧模板和新Hugo的兼容性也不好;Hexo中文文档和博客特别多,模板也不错,但是稍微麻烦一点,而且慢得多。 最后,我就简单地用Hugo搭建了一个 个人CV(简历

利用hugo +github pages搭建个人博客

余生颓废 提交于 2020-04-14 01:41:13
【今日推荐】:为什么一到面试就懵逼!>>> ## 安装hugo 1. 首先安装hugo brew install hugo 2. 查看hugo version hugo version 3. 进入到workspace,然后创建一个hugo 的workspace hugo new site quickstart # quickstart 为你的自定义workspace的name 4. 然后给hugo选择主题 cd quickstart cd themes #进入到hugo的themes目录下 git clone https://github.com/liuzc/LeaveIt.git #下载某一主题,当然也可以选择你喜欢的其他主题 然后修改 cofig.toml 中的 theme字段为LeaveIt。 theme = "LeaveIt" 5. 配置主题 cofig.toml [menu] [[menu.main]] name = "Blog" url = "/posts/" weight = 1 [[menu.main]] name = "Categories" url = "/categories/" weight = 2 [[menu.main]] name = "Tags" url = "/tags/" weight = 3 [[menu.main]] name =

使用hugo在gitee上写blog

大城市里の小女人 提交于 2020-04-07 04:25:37
1. 安装hugo 1)下载 Hugo Releases ,选择 hugo_xxx_Windows-64bit.zip(xxx位版本)。 2)设置路径 我的电脑-》属性-》高级系统设置-》环境变量 在path中加入hugo的解压后的目录。 例如: D:\program\hugo_0.68 2. 使用hugo 1)生成站点 hugo new site \gitee\my\blog 2) 生成文章 cd gitee\my\blog hugo new first.md 3) 安装皮肤 例如: 我的 (hugo-theme-casper) git clone https://github.com/vjeantet/hugo-theme-casper.git 把克隆下拉的仓库,拷贝到“themes”下。 4)设置站点配置 config.toml baseURL = "https://xiaobin80.gitee.io/blog/" languageCode = "zh-cn" title = "我的技术blog" theme = "hugo-theme-casper" publishdir = "../blog" 3. 发布 1)clone gitee git clone https://gitee.com/xiaobin80/blog.git 把这个仓库放到,之前我们生成的“gitee

建立个人博客配置推荐

本小妞迷上赌 提交于 2020-04-05 17:40:27
建立个人博客白嫖推荐: 框架/主题: Hugo & MemE 源码托管: GitHub 网站持续集成部署: Netlify 网站DNS解析服务/免费CDN: Cloudflare (可选)免费CDN: NodeCache & DDOS Guard 统计: 百度统计 / Google Analytics 白嫖成功,废话不说开始建站!本文采用操作系统: Windows 10 2004 19587.1000 ,其他系统请举一反三,采用 Git BASH 。 Hugo&MemE 首先,先去下载 Hugo 。在你看到这篇文章之前,你可能已经阅读了许多建博客教程,也许是推荐使用 Hexo ,或是 Typecho ,也有可能是 WordPress , Gridea , Ghost ……但是!但是!为什么我要推荐一个知名度在国内都不如 Hexo 的网站框架呢?原因有3: Hugo 采用 Go Lang 网站生成速度快,文章多了完爆 Hexo ; 支持持续集成部署; 最最重要的一点: 内置短代码语言 ,可定制性极高!你可以看看本文的 纯文本版本 ,前面的 加点字 ,便是自定义的短代码。 注意:如果你跟随本文教程搭建博客,那么请在 Releases 界面下载拓展版Hugo,文件名如 hugo_extended_X.Y.Z_SYS-64bit.zip ,免安装的。 下载后需要将它保存到一个固定的目录

将基于hugo搭建的个人博客部署到github上,供外网访问

旧城冷巷雨未停 提交于 2020-03-24 19:44:28
3 月,跳不动了?>>> 搭建本地的hugo个人博客: https://my.oschina.net/u/4284277/blog/3207783 搭建好的博客地址示例: https://zhang-550.github.io/post/ 1. 配置config.toml文件 改成自己的github地址 1.2 怕你不会创建,带你创建一下自己的github仓库 1.2.1 首先登录你的github账号 github 地址 https://github.com 1.2.2 步骤1:创建仓库 点击new进行创建 1.2.3 步骤2:填写配置内容,完成创建 1.2.4 步骤3:查看github 创建完成后这里即可看到刚刚创建的仓库 1.2.5 步骤4:查看ssh路径,后面要用 点进去刚刚创建的仓库 2. 部署到github供外网访问你的博客 2.1 步骤1: 启动本地hugo: 本地启动需要执行如下命令: hugo server 访问该路径即可看到自己的博客了: localhost:1313 如果不行,看下之前搭建本地hugo博客中的3.2.2步骤中是否删掉了draft:true或者讲draft改为了false 搭建本地hugo个人博客地址: https://my.oschina.net/u/4284277/blog/3207783#h3_20 启动成功 2.2 步骤2:

hugo搭建个人博客

本秂侑毒 提交于 2020-03-21 16:35:30
3 月,跳不动了?>>> 额,折腾起来,搭建一个个人博客玩一下 1. 下载安装hugo 官网下载地址 https://github.com/gohugoio/hugo/releases 我们根据自身情况选择下载 我是win64位的,所以就用win64进行演示了 1.1 将安装包解压到指定目录 2. 配置环境变量 为什么要配置环境变量呢? 因为我们把hugo.exe解压到了D:\dev\hugo下面。hugo命令只能在该目录下才能识别。 如果我们想把博客目录建到其它目录下,就要配置环境变量。 2.1 步骤1:鼠标右键->属性 2.2 步骤2:点击高级系统设置 2.3 步骤3:点击环境变量 2.4 步骤4:选中path,点击编辑 2.5 步骤5:点击新建 2.6 步骤6:Hugo.exe目录,配置ok后点击确定,一路确定 3.hugo新建博客 3.1 打开cmd命令行 方式一: 快捷键:win+R键 win就是你的键盘上的那个四个格格 方式二: 通过电脑搜索cmd 3.2 输入如下命令 命令: hugo new site /path/to/site 比如 hugo new site E:/hugo/myBlogger 就会在E盘的hugo文件夹下新建一个叫myBlogger的hugo站点 3.2 hugo新建页面和文章 3.2.1 新建一个links页面 命令: hugo new

How to prevent blogdown from rerendering all posts?

≡放荡痞女 提交于 2020-03-18 10:55:42
问题 Background: I am featuring a blog built on @YihuiXie's R package blogdown . Problem: When I render_site() , all source files (*.Rmd) are rendered - even the unchanged source files are re-reendered. This complete re-rendering is time consuming and unnecessary (I think). Question/ Desired Solution: How can I prevent blogdown from re-rendering the unchanged source files? I want blogdown to render only new or changed source files. What I have already tried: I've read the blogdown book; Yihui

Android开发—— 小工具,大效率

空扰寡人 提交于 2020-02-28 16:03:40
一、Hugo插件 —— 打印方法运行时间 首先申明下,此Hugo非 彼Hugo(Hugo是由Go语言实现的静态网站生成器)。 Hugo插件作用 : 能够计算并打印一个方法的输入参数和函数的运行时间 Hugo插件应用场景: 处理Android 应用卡顿问题 (1)先看实例 1)在对应方法处标注@DebugLog SearchResultPanel::dispatchResult处标记@DebugLog 2)Hugo插件计算的运行时间 Hugo插件计算的运行时间 第一行:打印执行方法及其参数 第二行:方法执行时间 3)常规日志打印运行时间 常规日志打印运行时间 (2)Hugo 插件配置 1)在buildscript 的dependencies中添加依赖地址 classpath 'com.jakewharton.hugo:hugo-plugin:1.2.1' 2)apply插件 applyplugin:'com.jakewharton.hugo' 3)使用开关配置 方式一 : hugo { enabled false } 方式二 : Hugo.setEnabled(true|false) 备注 : How to use Hugo.setEnabled(true)? (暂时好像还不行) Hugo插件详细资料可参考 : Hugo插件 Github 地址 二、Godeyes 插件 ——