{{< fragment >}} <img src="https://sipapp.io/assets/img/home/google.svg"> <img src="https://sipapp.io/assets/img/home/disney.svg"> <img src="https://sipapp.io/assets/img/home/dropbox.svg"> {{< /fragment >}}
导演: 黄东赫 编剧: 黄东赫 主演: 李政宰 / 朴海秀 / 许成泰 / 魏化俊 / 金周灵 / 李政宰
导演: 黄东赫 编剧: 黄东赫 主演: 李政宰 / 朴海秀 / 许成泰 / 魏化俊 / 金周灵 / 李政宰 / 朴海秀 / 许成泰 / 魏化俊 / 金周灵 / 李政宰 / 朴海秀 / 许成泰 / 魏化俊 / 金周灵 / 李政宰 / 朴海秀 / 许成泰 / 魏化俊 / 金周灵 / 李政宰 / 朴海秀 / 许成泰 / 魏化俊 / 金周灵 /
导演: 黄东赫 编剧: 黄东赫 主演: 李政宰 / 朴海秀 / 许成泰 / 魏化俊 / 金周灵 / 更多...
导演: 黄东赫 编剧: 黄东赫 主演: 李政宰 / 朴海秀 / 许成泰 / 魏化俊 / 金周灵 / 更多...
导演: 黄东赫 编剧: 黄东赫 主演: 李政宰 / 朴海秀 / 许成泰 / 魏化俊 / 金周灵 / 更多... 类型: 悬疑 / 惊悚

wrap Content

Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa
protulit, sed sed aere valvis inhaesuro Pallas animam: qui quid, ignes.
Miseratus fonte Ditis conubia.

qui quid, ignes.
Miseratus fonte Ditis conubia.

Color Picker

A modern color pickerbuilt for designers and developers, that allows you to collect, organize and edit colors.

It gives you the ability to share colors with everyone and link them between the other tools in your workflow.

download

黑夜,
放马过来。

哪怕是昏暗的地方,也照样是 iPhone 13 Pro 的舞台。它的广角摄像头采用更大光圈,以及 iPhone 迄今最大的感光元件,在拍摄夜间模式人像时,还有激光雷达扫描仪这个得力帮手。超广角摄像头也加大了光圈,配备更快的感光元件,并拥有全新的自动对焦功能。此外,长焦摄像头现在也支持夜间模式。

Apple Trade In 换购计划

把你手里现有的设备,
变‍成‍心‍里‍想‍要的。

你可以轻松折抵符合条件的设备,在换购新设备时享受折抵优惠1。如果你的设备不符合折抵条件,我们会免费帮你将它回收处理。不论设备型号或状况如何,我们都可以物尽其用,让你和地球都从中受益。
option = { "title": { "text": "Summary Line Chart", "top": "2%", "left": "center" }, "tooltip": { "trigger": "axis" }, "legend": { "data": ["Email Marketing", "Affiliate Advertising", "Video Advertising", "Direct View", "Search Engine"], "top": "10%" }, "grid": { "left": "5%", "right": "5%", "bottom": "5%", "top": "20%", "containLabel": true }, "toolbox": { "feature": { "saveAsImage": { "title": "Save as Image" } } }, "xAxis": { "type": "category", "boundaryGap": false, "data": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"] }, "yAxis": { "type": "value" }, "series": [ { "name": "Email Marketing", "type": "line", "stack": "Total", "data": [120, 132, 101, 134, 90, 230, 210] }, { "name": "Affiliate Advertising", "type": "line", "stack": "Total", "data": [220, 182, 191, 234, 290, 330, 310] }, { "name": "Video Advertising", "type": "line", "stack": "Total", "data": [150, 232, 201, 154, 190, 330, 410] }, { "name": "Direct View", "type": "line", "stack": "Total", "data": [320, 332, 301, 334, 390, 330, 320] }, { "name": "Search Engine", "type": "line", "stack": "Total", "data": [820, 932, 901, 934, 1290, 1330, 1320] } ] }

广角摄像头最高提升至

2.2 倍
光线捕捉能力

拍照、拍视频更出色

Left Content

Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa
protulit, sed sed aere valvis inhaesuro Pallas animam: qui quid, ignes.
Miseratus fonte Ditis conubia.

Mid Content

Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
stringit, frustra Saturnius uteroque inter!

Right Content

Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa
protulit, sed sed aere valvis inhaesuro Pallas animam: qui quid, ignes.
Miseratus fonte Ditis conubia.

graph TB sq[Square shape] --> ci((Circle shape)) subgraph A od>Odd shape]-- Two line<br/>edge comment --> ro di{Diamond with <br/> line break} -.-> ro(Rounded<br>square<br>shape) di==>ro2(Rounded square shape) end %% Notice that no text in shape are added here instead that is appended further down e --> od3>Really long text with linebreak<br>in an Odd shape] %% Comments after double percent signs e((Inner / circle<br>and some odd <br>special characters)) --> f(,.?!+-*ز) cyr[Cyrillic]-->cyr2((Circle shape Начало)); classDef green fill:#9f6,stroke:#333,stroke-width:2px; classDef orange fill:#f96,stroke:#333,stroke-width:4px; class sq,e green class di orange
graph TB subgraph one a1-->a2 end subgraph two b1-->b2 end subgraph three c1-->c2 end c1-->a2
journey title My working day section Go to work Make tea: 5: Me Go upstairs: 3: Me Do work: 1: Me, Cat section Go home Go downstairs: 5: Me Sit down: 5: Me

markdown文档插入语句

{{ <map h="320px" pos="120.12887,30.26833" zoom="16" alt="这里是黄龙体育馆"> }}

{{}}内两端的空格去掉

文内标题

$$
\begin{align}
a^2 + b^2 = c^2
\end{align}
$$

Hugo是什么? 本博客网站就是使用有Hugo渲染, 关于Hugo的介绍可以看[这里](https://gohugo.io) Ps: 在Hugo面前, hexo的渲染速度就是一个**渣渣**!

Hugo是什么? 本博客网站就是使用有Hugo渲染, 关于Hugo的介绍可以看这里

Ps: 在Hugo面前, hexo的渲染速度就是一个渣渣!

页面截图 (点击展开)

导演: 黄东赫

编剧: 黄东赫
主演: 李政宰 / 朴海秀 / 许成泰 / 魏化俊 / 金周灵 / 更多…
类型: 悬疑 / 惊悚
制片国家/地区: 韩国
语言: 韩语
首播: 2021-09-17(韩国)
集数: 8
单集片长: 50分钟
又名: 第六轮 / Squid Game / Round Six
IMDb: tt10919420

Home
Home

Metadata List
Metadata List

Metadata Info Top
Metadata Info Top

Metadata Info Bottom
Metadata Info Bottom

Bookmark List
Bookmark List

Bookmark Info
Bookmark Info

Tag List
Tag List

Star List
Star List

Series List
Series List

Profile
Profile

吃食
吃食

IMG_0812
IMG_0812

IMG_0818
IMG_0818

5ca0e8f200a4b
5ca0e8f200a4b

original
original

download

Press CTRL+ALT+Delete to end the session.

code test

code

https://l9rw.cn

(
When $a \ne 0$, there are two solutions to \(ax^2 + bx + c = 0\) and they are:

$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}$$

$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}$$

$$
L(f) = \sum_{i=1}^D(\tilde{y_i}-y_i)^2=\sum_{i=1}^D(wx_i+b-y_i)^2
$$


Hugo logo

Hugo是什么? 本博客网站就是使用有Hugo渲染, 关于Hugo的介绍可以看这里

Ps: 在Hugo面前, hexo的渲染速度就是一个渣渣!

概述

在博客网站里插入地图容器我觉得是一件很棒的功能, 比如分享自己的旅行记录.
所以, 就有了这篇文章 ~ ~

大体实现

依赖框架: leaflet.js 地图源 : openstreetmap.org 实现方式: hugo shortcode

实现

模板文件

创建shortcodes模板文件 layouts/shortcodes/map.html, 如下:

{{- if .IsNamedParams -}} {{- $mapPosition := (split (.Get "pos") ",") -}} {{- $mapLon := default 120 (index $mapPosition 0) -}} {{- $mapLat := default 30 (index $mapPosition 1) -}} {{- $mapWidth := default "100%" (.Get "w") -}} {{- $mapHeight := default "360px" (.Get "h") -}} <div class="map-box"> <div id="map-{{$mapLon}}-{{$mapLat}}" style="max-width:{{$mapWidth}};height:{{$mapHeight}};"></div> </div> <script> var mymap = L.map('map-{{$mapLon}}-{{$mapLat}}', { attributionControl:false }).setView([{{$mapLat}},{{$mapLon}}], {{ if .Get "zoom" }}{{ int (.Get "zoom") }}{{ else }}16{{ end }}); L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {}).addTo(mymap); {{ if .Get "alt" }} {{ if and (.Get "altLat") (.Get "altLon") }} var marker = L.marker([{{.Get "altLat"}}, {{.Get "altLon"}}]).addTo(mymap); {{ else }} var marker = L.marker([{{$mapLat}},{{$mapLon}}]).addTo(mymap); {{ end }} marker.bindPopup("{{.Get "alt" }}").openPopup(); {{ end }} </script> {{- end -}}

依赖

在 leafletjs下载页1获取相应的js, css, image文件, 存放在主题static目录下:

static ├── css │   ├── images │   │   ├── layers-2x.png │   │   ├── layers.png │   │   ├── marker-icon-2x.png │   │   ├── marker-icon.png │   │   └── marker-shadow.png │   ├── leaflet.css ├── js    └── leaflet.js

<head>中引入文件:

<script type="text/javascript" src="/js/leaflet-ab59f61559.js"></script> <link rel="stylesheet" href="/css/leaflet-7be53ed796.css"/>

参数说明

字段含义必填备注
hhigh, 容易的高度
wwidth, 容器的宽度
posposition, 地理坐标“经度,维度”
zoom缩放系数默认16, 范围: 1~18
altalert, 弹出框文本没有指定位置则为中心点
altLanalert的经度
altLatalert的维度