Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >Hexo 完美嵌入Typora导出的html文件

Hexo 完美嵌入Typora导出的html文件

作者头像

Zkeq

发布于 2022-05-18 07:51:12

发布于 2022-05-18 07:51:12

1.1K00

代码可运行

举报

文章被收录于专栏：ZkeqZkeq

运行总次数：0

代码可运行

步骤如下

首先新建一个.md文件
像平时一样填写标头
内容填入如下

<iframe
name="web"
width="100%" 
frameborder=0height="100%" 
src="\html\Hexo-搭建博客保姆式教程.html" 
id="web"
onload="this.height=web.document.body.scrollHeight+20">
</iframe>

<script
language="javascript">if(window.parent.length>0){window.parent.document.all.newtest.style.height=document.body.scrollHeight;}
</script>

将html文件放在/source/html文件夹中

并填写Html文件的标头

---
layout: false
---

预览或部署即可.

其他笔记

使用手机开启热点的时候,此手机的局域网ip可以在连接此热点的设备上查看 DNS 服务器.其地址即为宿主机局域网ip地址
在写笔记的时候,记得要在敏感标签前加转义字符\
可以在md文件正文添加css引入标签…会被渲染出来..但是不推荐..感觉好乱,不过在某个页面需要黑白的时候,可以试下哦
记得尽快完成docsify笔记!!
永远保持理性.

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2021-12-14，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

暂无评论

编辑精选文章

换一批

万字详解高可用架构设计

Go 开发者必备：Protocol Buffers 入门指南

10分钟带你彻底搞懂分布式链路跟踪

多租户的 4 种常用方案

亿级月活的社交 APP，陌陌如何做到 3 分钟定位故障？

60页PPT全解：DeepSeek系列论文技术要点整理

iframe 自适应高度的多种实现方式

html https 网络安全 java javascript

需求：实现 iframe 的自适应高度，能够随着页面的长度自动的适应以免除页面和 iframe 同时出现滚动条的现象。

全栈程序员站长

2022/09/06

7.8K0

iframe自适应高度原

同时总结下经常用的高度 contentWindow 兼容各个浏览器，可取得子窗口的 window 对象。 contentDocument Firefox 支持，> ie8 的ie支持。可取得子窗口的 document 对象。 document.body.clientWidth 可见区域内容的宽度（不包含边框，如果水平有滚动条，不显示全部内容的宽度） document.body.clientHeight 全部内容的高度（如果垂直有滚动条，也显示全部内容的高度） document.body.offsetWidth 可见区域内容的宽度（含边框，如果水平有滚动条，不显示全部内容的宽度） document.body.offsetHeight 全部内容的高度（如果垂直有滚动条，也显示全部内容的高度） document.body.scrollWidth 内容的宽度（含边框,如果有滚动则是包含整个页面的内容的宽度，即拖动滚动条后看到的所有内容） document.body.scrollHeight 全部内容的高度

tianyawhl

2019/04/04

2.3K0

html中引入调用另一个公用html模板文件的方法

html https javascript 网络安全 html5

查了一下资料，发现html中引入调用另一个html的方法有很多种，我都尝试了一下，就把他们都列出来吧：其中推荐第一种和第六种，因为代码太长就写在最后了。其他的方法，可以自己尝试，看是不是适合你当前项目。

德顺

2019/11/13

8.7K0

html中引入调用另一个公用html模板文件的方法

iframe的高度自适应_div自适应高度

javascript html

大家好，又见面了，我是你们的朋友全栈君。 Demo页面：主页面 iframe_a.html ，被包含页面 iframe_b.htm 和 iframe_c.html

全栈程序员站长

2022/11/04

7.3K0

iframe高度自适应的IE解决方案

html express javascript

主页面main.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>New Document </title> </head> <body> <style type="text/css"> .iframestyle {

菩提树下的杨过

2018/01/22

9350

JavaScript 处理Iframe自适应高度的问题

用到的就是iframe嵌套的页面加载完毕的时候，运用onload事件来获取嵌套在iframe中网页的高度，然后赋值给Iframe的高度即可。

aehyok

2018/09/11

1.7K0

【HTML】iframe跨域访问问题

概述本地同一浏览器访问本地HTML文件和访问服务器端HTML文件，本地Iframe没有自适应高度，而服务器端的Ifrane自适应了高度。 1.问题重现： Chrome 版本 41.0.2272.10

悟空聊架构

2018/05/18

4.8K0

真正解决iframe高度自适应问题

html5 javascript html

拿到这个对象，就可以根据正常网页的方法拿到嵌入（子）网页的文档高度，然后把值附给父页面的iframe的height。

yuezhongbao

2019/02/26

5.5K0

iframe标签属性说明详解[通俗易懂]

html java https 缓存网络安全

Iframe 标签详解<Iframe src=”example.htm” width=”300″ heitht=”100″></IFRAME> example.htm 是被嵌入的页面，标签 <IFRAME> 还有一些可用的参数设置如下： marginwidth:网页中内容在表格右侧的预留宽度；例如：marginwidth=”20″，单位是 pix，下同。 marginheight:网页中内容在表格顶部预留的高度； hspace:网页右上角的的横坐标； vspace:网页右上角的纵坐标； frameborder:是否显示边缘；填”1″表示”是”，填”0″表示”否” scrolling:是否出现滚动条；填”1″表示”是”，填”0″表示”否” 在HTM(HTML)文件中是否可以像PHP、ASP文件一样嵌入其他文件呢？下面笔者介绍用iframe来实现的方法。 iframe元素的功能是在一个文档里内嵌一个文档，创建一个浮动的帧。其部分属性简介如下： name：内嵌帧名称 width：内嵌帧宽度(可用像素值或百分比) height：内嵌帧高度(可用像素值或百分比) frameborder：内嵌帧边框 marginwidth：帧内文本的左右页边距 marginheight：帧内文本的上下页边距 scrolling：是否出现滚动条(“auto”为自动，“yes”为显示，“no”为不显示) src：内嵌入文件的地址 style：内嵌文档的样式(如设置文档背景等) allowtransparency：是否允许透明明白了以上属性后，我们可用以下代码实现，在main.htm中把samper.htm文件的内容显示在一个高度为80、宽度为100%、自动显示边框的内嵌帧中让iframe自动适应内容的高度

全栈程序员站长

2022/08/01

3.5K0

【HTML代码】在HTML加入图片飘窗的代码[汇总]

function math var html document

DEDE织梦cms常用的参数标签汇总、以及操作过程中的一些bug问题解决方法，dede网站二开，以下龙腾飞网络科技-小吴在建站实操中笔记记录，织梦dede建站教程保存使用非常方便：

攻城狮与产品喵

2025/03/13

1510

【HTML代码】在HTML加入图片飘窗的代码[汇总]

【Python爬虫实战】全面掌握 Selenium 的 IFrame 切换、动作链操作与页面滚动技巧

python 爬虫 selenium iframe 技巧

在使用 Selenium 进行网页自动化测试或数据抓取时，我们经常会遇到需要操作 iframe、模拟复杂的用户交互动作，以及处理动态加载页面的情况。这些操作是实现稳定且高效自动化流程的关键。本指南将详细介绍如何切换 iframe、使用动作链执行复杂交互，以及如何通过页面滚动加载更多内容。无论是自动化测试还是爬取动态网页，这些技巧都能帮助你更好地控制浏览器。

易辰君

2024/11/07

5790

html网页详细代码「建议收藏」

java https 网络安全

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/136151.html原文链接：https://javaforall.cn

全栈程序员站长

2022/09/05

7.9K0

前端特效常用代码

flash html javascript css java

________________________________________

用户7657330

2020/08/14

4.5K0

JavaScript代码获取浏览器的可视高、文档滚动高和滚动距离

浏览器 javascript document 测试框架

说明：这段代码用于获取浏览器窗口的可视高度。它首先检查 document.body.clientHeight 和 document.documentElement.clientHeight 是否都存在，然后根据情况选择较小的值作为可视高度。如果其中一个不存在，则将另一个值作为可视高度。

小蓝枣

2024/05/26

5010

JavaScript代码获取浏览器的可视高、文档滚动高和滚动距离

JS常用代码块

jsp html javascript java 缓存

版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。

奋飛

2019/08/15

3.3K0

使用Python和Selenium自动化爬取 #【端午特别征文】探索技术极致，未来因你出“粽” # 的投稿文章

python 自动化 selenium 浏览器数据

本文章将介绍如何使用Python的Selenium库和正则表达式对CSDN的活动文章进行爬取，并将爬取到的数据导出到Excel文件中。

全栈若城

2024/02/29

1940

使用Python和Selenium自动化爬取 #【端午特别征文】探索技术极致，未来因你出“粽” # 的投稿文章

传说中图片防盗链的爱恨情仇

网站 https http 网络安全 html

我们先来了解了解防盗链的原理，在 http 协议中，如果从一个页面跳到另一个页面，header字段里面会带个 Referer。图片服务器通过检测 Referer 是否来自规定域名，来进行防盗链。

苏南

2020/12/16

1K0

iframe关闭父页面(iframe嵌套https页面)

https java html 网络安全

width iframe的高度 height iframe的宽度 src iframe里面加载的页面url name 可以通过window.frames[name]获取到frame scrolling iframe里面的页面是否可以滚动 frameborder 是否显示iframe边框 1（显示）0（不显示） id 和其他的html标签id一样在主页面中通过iframe标签可以引入其他子页面

全栈程序员站长

2022/07/25

7K0

基于atomicneko魔改搭建Typecho主页（Handsome主题）

html unix php 腾讯云开发者社区

在搭建本站的时候，又是因为康到了神代綺凜大佬的博客主页，遂研究了一番，有了魔改的想法。

gyro永不抽风

2021/05/21

8540

iframe自适应高度和宽度[通俗易懂]

https html 网络安全

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至举报，一经查实，本站将立刻删除。

全栈程序员站长

2022/11/04

3.9K0

相关推荐

iframe 自适应高度的多种实现方式

更多 >

LV.1

Dream Plan

作者相关精选

目录

步骤如下

其他笔记

加入讨论

的问答专区 >

1后端开发擅长3个领域

相关课程

一站式学习中心 >

腾讯云向量数据库-RAG七天入门训练营

向量数据库

腾讯云安灯

数字化IT从业者知识体系