^-^
Web开发者|阅读写作爱好者
本站涉及的网站
  1. 免费商用图片下载网站
  2. B站视频嵌入代码显示问题
  3. Hexo
    1. fluid主题
  4. Markdown
    1. 换行
    2. 多个段落的块引用
    3. 嵌套块引用
    4. 带有其它元素的块引用
      1. The quarterly results look great!
    5. 图片和链接
    6. 分割线
    7. 删除线
    8. 表格

免费商用图片下载网站

https://unsplash.com/

https://photock.jp/

https://www.pexels.com/zh-cn/

https://gratisography.com/

https://pixabay.com/

https://visualhunt.com/

B站视频嵌入代码显示问题

直接使用嵌入代码,尺寸有问题,用如下的,修改下src地址就行。

<div style="position: relative; padding: 30% 45%;">
<iframe 
style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;" 
src="//player.bilibili.com/player.html?aid=934381863&bvid=BV13M4y1P7PM&cid=447999850
&page=1&as_wide=1&high_quality=1&danmaku=0"frameborder="no" scrolling="no">
</iframe>
</div>
key 参数说明
aid 视频ID 就是B站的 avxxxx 后面的数字
cid 应该是客户端id, clientId 的缩写(推测的, 不一定准确) 经过测试, 这个字段不填也没关系
page 第几个视频, 起始下标为 1 (默认值也是为1) 就是B站视频, 选集里的, 第几个视频
as_wide 是否宽屏 1: 宽屏, 0: 小屏
high_quality 是否高清 1: 高清, 0: 最低视频质量(默认) 如视频有 360p 720p 1080p 三种, 默认或者 high_quality=0 是最低 360p high_quality=1 是最高1080p
danmaku 是否开启弹幕 1: 开启(默认), 0: 关闭

Hexo

Hexo官网:https://hexo.io/zh-cn/

Hexo-theme-fluid官网:https://hexo.fluid-dev.com/docs/

Hexo-theme-fluid使用小技巧博客:https://hexo.fluid-dev.com/

Hexo-theme-fluid:https://github.com/fluid-dev/hexo-theme-fluid

fluid主题

  • updated: 2022-01-27 06:27:35 文章最后更新时间
  • banner_img:文章阅读页面的大图
  • index_img:文章在主页的大图
  • excerpt:特定设置文章的摘要
  • hide: true/false :把某些文章隐藏起来,不在首页和其他分类里展示
  • sticky:100 :数值越大,该文章越靠前,达到类似于置顶的效果,其他未设置的文章依然按默认排序。
  • 语句接口:https://v1.hitokoto.cn/

更新主题版本:

npm update --save hexo-theme-fluid

icon图标

icon图标

Markdown

换行

在一行的末尾添加两个或多个空格,然后按回车键,即可创建一个换行(<br>)。

多个段落的块引用

块引用可以包含多个段落。为段落之间的空白行添加一个 > 符号。

> Dorothy followed her through many of the beautiful rooms in her castle.
>
> The Witch bade her clean the pots and kettles and sweep the floor and keep the fire fed with wood.

渲染效果如下:

Dorothy followed her through many of the beautiful rooms in her castle.

The Witch bade her clean the pots and kettles and sweep the floor and keep the fire fed with wood.

#嵌套块引用

块引用可以嵌套。在要嵌套的段落前添加一个 >> 符号。

> Dorothy followed her through many of the beautiful rooms in her castle.
>
>> The Witch bade her clean the pots and kettles and sweep the floor and keep the fire fed with wood.

渲染效果如下:

Dorothy followed her through many of the beautiful rooms in her castle.

The Witch bade her clean the pots and kettles and sweep the floor and keep the fire fed with wood.

#带有其它元素的块引用

块引用可以包含其他 Markdown 格式的元素。并非所有元素都可以使用,你需要进行实验以查看哪些元素有效。

> #### The quarterly results look great!
>
> - Revenue was off the chart.
> - Profits were higher than ever.
>
>  *Everything* is going according to **plan**.

渲染效果如下:

The quarterly results look great!

  • Revenue was off the chart.
  • Profits were higher than ever.

Everything is going according to plan.

图片和链接

 图片: ![Tux, the Linux mascot](/assets/images/tux.png)
 这是一个链接 [Markdown语法](https://markdown.com.cn "最好的markdown教程")。

使用尖括号可以很方便地把URL或者email地址变成可点击的链接。

<https://markdown.com.cn>
<fake@example.com>

给图片增加链接,请将图像的Markdown 括在方括号中,然后将链接添加在圆括号中。

[![沙漠中的岩石图片](/assets/img/shiprock.jpg "Shiprock")](https://markdown.com.cn)

分割线

创建分隔线,请在单独一行上使用三个或多个星号 (***)、破折号 (---) 或下划线 (___) ,并且不能包含其他内容。

***

---

_________________

删除线

~~世界是平坦的。~~ 我们现在知道世界是圆的。

表格

创建表格代码的链接:https://www.tablesgenerator.com/markdown_tables

要添加表格,请使用三个或多个连字符(---)创建每列的标题,并使用管道(|)分隔每列。您可以选择在表的任一端添加管道。

| Syntax      | Description |
| ----------- | ----------- |
| Header      | Title       |
| Paragraph   | Text        |

您可以通过在标题行中的连字符的左侧,右侧或两侧添加冒号(:),将列中的文本对齐到左侧,右侧或中心。

| Syntax      | Description | Test Text     |
| :---        |    :----:   |          ---: |
| Header      | Title       | Here's this   |
| Paragraph   | Text        | And more      |
以上