[文章分享] Markdown格式指南
本文提供了可在 Hugo 内容文件中使用的基本 Markdown 语法示例,还展示了 Hugo 主题中是否使用 CSS 装饰基本 HTML 元素。 ...
[文章分享] HTML代码格式指南
示例文章展示了 HTML 元素的基本代码语法和格式。
[文章分享] 创建一个新的主题
介绍 本教程将向您展示如何在 Hugo 中创建一个简单的主题。 我假设您熟悉 HTML、bash 命令行,并且您可以熟练地使用 Markdown 来格式化内容。 我将解释 Hugo 如何使用模板以及如何组织模板来创建主题。 我不会介绍如何使用 CSS 来设计您的主题。 我们将从使用非常基本的模板创建一个新站点开始。 然后我们将添加一些页面和帖子。 稍加改动,您就可以创建许多不同类型的网站。 在本教程中,您输入的命令将以“$”提示符开头。 输出将随之而来。 以“#”开头的行是我为解释一个观点而添加的注释。 当我显示文件的更新时,最后一行的“:wq”表示保存文件。 这是一个例子: ## this is a comment $ echo this is a command this is a command ## edit the file $vi foo.md +++ date = "2014-09-28" title = "creating a new theme" +++ bah and humbug :wq ## show it $ cat foo.md +++ date = "2014-09-28" title = "creating a new theme" +++ bah and humbug $ 一些定义 在创建主题之前,您需要了解一些概念。 ...
[中文] 《长恨歌》
《长恨歌》是中国唐朝诗人白居易的一首长篇叙事诗。 第一段:贵妃受宠爱 汉皇重色思倾国,御宇多年求不得。杨家有女初长成,养在深闺人未识。 天生丽质难自弃,一朝选在君王侧。回眸一笑百媚生,六宫粉黛无颜色。 春寒赐浴华清池,温泉水滑洗凝脂。侍儿扶起娇无力,始是新承恩泽时。 云鬓花颜金步摇,芙蓉帐暖度春宵。春宵苦短日高起,从此君王不早朝。 承欢侍宴无闲暇,春从春游夜专夜。后宫佳丽三千人,三千宠爱在一身。 金屋妆成娇侍夜,玉楼宴罢醉和春。姊妹弟兄皆列士,可怜光彩生门户。 遂令天下父母心,不重生男重生女。骊宫高处入青云,仙乐风飘处处闻。 缓歌慢舞凝丝竹,尽日君王看不足。渔阳鼙鼓动地来,惊破霓裳羽衣曲。 第二段:马嵬惊变 九重城阙烟尘生,千乘万骑西南行。翠华摇摇行复止,西出都门百余里。 六军不发无奈何,宛转蛾眉马前死。花钿委地无人收,翠翘金雀玉搔头。 君王掩面救不得,回看血泪相和流。黄埃散漫风萧索,云栈萦纡登剑阁。 峨嵋山下少人行,旌旗无光日色薄。蜀江水碧蜀山青,圣主朝朝暮暮情。 行宫见月伤心色,夜雨闻铃肠断声。 第三段:玄宗皇帝思念 天旋地转回龙驭,到此踌躇不能去。马嵬坡下泥土中,不见玉颜空死处。 君臣相顾尽霑衣,东望都门信马归。归来池苑皆依旧,太液芙蓉未央柳。 芙蓉如面柳如眉,对此如何不泪垂。春风桃李花开日,秋雨梧桐叶落时。 西宫南内多秋草,落叶满阶红不扫。梨园弟子白发新,椒房阿监青娥老。 夕殿萤飞思悄然,孤灯挑尽未成眠。迟迟钟鼓初长夜,耿耿星河欲曙天。 鸳鸯瓦冷霜华重,翡翠衾寒谁与共。悠悠生死别经年,魂魄不曾来入梦。 第四段:仙界寻妃 临邛道士鸿都客,能以精诚致魂魄。为感君王辗转思,遂教方士殷勤觅。 排空驭气奔如电,升天入地求之遍。上穷碧落下黄泉,两处茫茫皆不见。 忽闻海上有仙山,山在虚无缥缈间。楼阁玲珑五云起,其中绰约多仙子。 中有一人字太真,雪肤花貌参差是。金阙西厢叩玉扃,转教小玉报双成。 闻道汉家天子使,九华帐里梦魂惊。揽衣推枕起徘徊,珠箔银屏迤逦开。 云髻(鬓?)半偏新睡觉,花冠不整下堂来。风吹仙袂飘飘(飖)举,犹似霓裳羽衣舞。 玉容寂寞泪阑干,梨花一枝春带雨。含情凝睇谢君王,一别音容两渺茫。 昭阳殿里恩爱绝,蓬莱宫中日月长。回头下望人寰处,不见长安见尘雾。 唯将旧物表深情,钿合金钗寄将去。钗留一股合一扇,钗擘黄金合分钿。 但教心似金钿坚,天上人间会相见。临别殷勤重寄词,词中有誓两心知。 七月七日长生殿,夜半无人私语时。在天愿作比翼鸟,在地愿为连理枝。 天长地久有时尽,此恨绵绵无绝期。
JS Flowchart Diagrams使用方法
使用示例 st=>start: Start|past:>http://www.google.com[blank] e=>end: End:>http://www.google.com op1=>operation: My Operation|past op2=>operation: Stuff|current sub1=>subroutine: My Subroutine|invalid cond=>condition: Yes or No?|approved:>http://www.google.com c2=>condition: Good idea|rejected io=>inputoutput: catch something...|request st->op1(right)->cond cond(yes, right)->c2 cond(no)->sub1(left)->op1 c2(yes)->io->e c2(no)->op2->e ...