CH 简体中文 CH

说明

May 13th, 2016

1,博客列表页展示内容 title(文章标题) time(写文章或更新文章的时间) excerpt(文章摘要)如果没有写摘要,文章列表页将抓文章前110个字符作为摘要。 2,featured image 建议每篇文章都设置featured image,featured image 会在文章post页面显示在标题上方,另外在分享到google+,linkedin等社交媒体,会抓取文章的featured image显示。 3,在文章中插入图片 (1)如果想要插入固定尺寸的图片比如(640px*426px),可在插入文章时或插入后进行编辑。 下图就是固定尺寸图片 (2)如果想要加载宽度为文章宽度100%的自适应图片需要在编辑图片中image  css class中添加: full-screen 下图就是100%宽度的图片: 4,在文章中嵌入视频,亚马逊服务器插入视频建议用youtube视频,阿里服务器插入视频建议用腾讯视频。 (1)插入youtube视频,先打开youtube的要插入的视频,找到视频下方的分享-》嵌入式代码。会看到类似<iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/aOn-BG4h0pQ” frameborder=”0″ allowfullscreen></iframe>这样的代码,把他完整粘贴下来。粘到你想嵌入视频的位置,注意要在text模式下粘帖,不能在visual模式下粘贴代码。   下面这个视频就是通过嵌入youtube代码添加的 (2)插入优酷视频,跟youtube很相似,打开优酷网站想要插入的视频,鼠标点击视频下方的分享给好友-》看到通用代码,复制通用代码。 将复制的代码粘贴到文章中尼想要嵌入视频的位置,同样的,也需要在text模式下嵌入。 如下面这段代码 <iframe height=498 width=510 src=”http://player.youku.com/embed/XMTU1MDAwMzc5Ng==” frameborder=0 allowfullscreen></iframe> 很重要的一件事,粘贴完代码需要修改一个词,找到这段代码中的src,将它改成 data-src .如下。 <iframe height=498 width=510 data-src=”http://player.youku.com/embed/XMTU1MDAwMzc5Ng==” frameborder=0 allowfullscreen></iframe> 到此就ok 了,下面这段即为嵌入的优酷视频。 (3)插入腾讯视频(看起来腾讯视频在手机和pad上的表现比优酷更好) 首先找到腾讯网站上找到你想插入到文章的视频,查看网址,我看到的网址是这样的:http://v.qq.com/boke/page/v/0/q/v0199nv04kq.html 将 q/后面.html前面的部分截取出来,即v0199nv04kq 就是这个视频的id. 然后用这个id 替换下面的代码中[your […]

Page 1 of 212