新闻资讯

    更多内容请进我的

    更改标题黑色背景

    1. 打开Hexo//next//css///.styl,找到改为: $blue-;。

    2. 打开Hexo\\next\\css\\.styl,找到-color改为$-color = $;

    3. 在Hexo//next//css//base.styl里可以查看颜色设置。

    添加图片背景

    1. 在hexo目录下的文件夹下新建_data文件夹,不是主题next目录下的文件夹。文件夹里新建文件.styl,添加如下内容:

    //背景图片设置
    body {
        background-image: url(/images/background.jpg); 
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: 100% 100%;
    }
    

    -image:url 可以直接使用图片链接,也可以是图片路径(将自定义图片放入next\\)

    -:若果背景图片不能全屏,那么是否平铺显示,充满屏幕

    -:背景是否随着网页上下滚动而滚动,fixed 为固定

    -size:图片展示大小,设置 100%,100% 的意义为:如果背景图片不能全屏,那么是否通过拉伸的方式将背景强制拉伸至全屏显示

    打开主题配置文件图片设置背景无法载入,找到:,修改如下:

    custom_file_path:
      style: source/_data/styles.styl
    

    页面透明化

    为了更好欣赏背景图片,可将博客页面透明化,在/_data/.styl里添加如下内容:

    //文章透明度设置
    .post-block {
      opacity: 0.9;
    }
    //侧边框的透明度设置
    .sidebar {
      background-color: transparent;
      opacity: 0.9;
    

    图片设置背景无法载入_无法载入查找我的iphone 载入应用程序出错_极品飞车9无法载入存档

    } //菜单栏的透明度设置 .header-inner { background: rgba(255,255,255,0.9); } //搜索框(local-search)的透明度设置 .popup { opacity: 0.9; }

    边框圆角在hexo目录下的文件夹下新建_data文件夹,文件夹中新建文件.styl,添加如下内容:

    // 圆角设置
    $border-radius-inner     = 20px 20px 20px 20px;
    $border-radius           = 20px;
    

    打开主题配置文件,找到:,修改如下:

    custom_file_path:
      variable: source/_data/variables.styl
    

    添加相册

    在侧栏添加相册,打开相册,看到的图片是子相册的封面,点击封面会进入子相册。 1. 在Hexo//_data/.styl里添加如下内容,去掉注释。

    .gallery-page {
        margin-top: 0px;    
    }
    .img-list,
    .gallery-list {
        display: inline-flex;
        flex-direction: column;   
        flex-wrap: nowrap;
        align-items: flex-start;
    }
    

    极品飞车9无法载入存档_无法载入查找我的iphone 载入应用程序出错_图片设置背景无法载入

    .img-column, .gallery-column { display: flex; flex-direction: row; } .img-item, .gallery-item { margin-bottom: 20px } .img-column a, .gallery-column a { border-bottom: 0px; } .posts-expand .post-body .gallery-column a img { height: 250px; width: 500px; object-fit: contain; } .posts-expand .post-body .img-column a img { height: 250px; width: 530px; object-fit: contain; } .img-item p, .gallery-item p { margin: -15px auto -10px; max-width: 50%;

    无法载入查找我的iphone 载入应用程序出错_极品飞车9无法载入存档_图片设置背景无法载入

    text-align: center; font-size: 15px; color: $black-deep; background: rgba(255,255,255,.3); border-radius: 10px; border: 1px solid $black-deep; box-shadow: 0 8px 20px -8px rgba(0,0,0,.3); } @media (max-width: 767px){ .gallery-item p { min-width: 75px; font-size: 13px; } }

    在Hexo//里新建文件夹,文件夹里新建index.md,写入子相册名称和封面等信息。

    <div class="gallery-item">
        <a href="子相册名1"><img src="子相册名1/cover-1.jpg"></a>
        <p>子相册名1</p>
    </div>
    

    以上表示一个相册;"子相册名1/cover-1.jpg"是相册的封面,可以用缩略图,为了加快图片显示。

    <div class="gallery-column">
        <div class="gallery-item">
            <a href="子相册名1"><img src="子相册名1/cover-1.jpg"></a>
            <p>子相册名1</p>
        </div>
        <div class="gallery-item">
            <a href="子相册名2"><img src="子相册名2/cover-2.jpg"></a>
            <p>子相册名2</p>
        </div>
    

    极品飞车9无法载入存档_图片设置背景无法载入_无法载入查找我的iphone 载入应用程序出错

    </div>

    以上表示一行有2个相册,还可以再添加一个,不要再多了。 如果要再添加一行相册图片设置背景无法载入,复制上面的代码。完整内容如下,去掉注释。

    ---
    title: 
    type: "gallery"
    comments: false
    ---
    <div class="gallery-page">
        <div class="gallery-list">
            <div class="gallery-column">
                <div class="gallery-item">
                    <a href="子相册名1"><img src="子相册名1/cover-1.jpg"></a>
                    <p>子相册名1</p>
                </div>
                <div class="gallery-item">
                    <a href="子相册名2"><img src="子相册名2/cover-2.jpg"></a>
                    <p>子相册名2</p>
                </div>
            </div>
            <div class="gallery-column">
                <div class="gallery-item">
                    <a href="子相册名3"><img src="子相册名2/cover-3.jpg"></a>
                    <p>子相册名3</p>
                    这里继续添加相册
                </div>
            </div>
        </div>
    </div>
    

    为每一个子相册新建文件夹,在文件夹里新建index.md,写入子相册名称和封面等信息。以某个子相册为例:在下新建文件夹photo-01,用于存放图片。在photo-01下新建文件夹small,用于存放缩略图,点击缩略图会显示大图。在主题设置里打开: true,用于浏览多张图片。在photo-01下新建index.md,写入子相册名称和封面等信息;删除注释内容。

    图片设置背景无法载入_极品飞车9无法载入存档_无法载入查找我的iphone 载入应用程序出错

    ---
    title: 子相册名1
    comments: true
    ---
    <div class="gallery-page">
        <div class="img-list">
            <div class="img-column">
                <div class="img-item">   图片下添加注释需要"
    img-item">" <a href="图片01" data-fancybox="1"><img src="small/图片01的缩略图" ></a> <p>图片01的注释</p> </div> <div class="img-item"> <a href="图片02" data-fancybox="1"><img src="small/图片02的缩略图"></a> </div> </div> <div class="img-column"> 图片下无注释可以删除"
    img-item">" <a href="图片03" data-fancybox="1"><img src="small/图片03的缩略图"></a> <a href="图片04" data-fancybox="1"><img src="small/图片04的缩略图"></a> </div> <div class="img-column"> <a href="https://XXXXXXXX.png" data-fancybox="1"><img src="https://XXXXXXXXX.png 的缩略图"></a> </div> <div class="img-column"> <a href="" data-fancybox="1"><img src=""></a> <a href="" data-fancybox="1"><img src=""></a> </div> </div> </div>

    每行放两三张图片,在中间添加图片

    ,可以是本地图片,也可以是网络图片链接。 如果图片不大,可以不用缩略图,直接用原图。

网站首页   |    关于我们   |    公司新闻   |    产品方案   |    用户案例   |    售后服务   |    合作伙伴   |    人才招聘   |   

地址:北京市海淀区    电话:010-     邮箱:@126.com

备案号:冀ICP备2024067069号-3 北京科技有限公司版权所有