介： 毕业不说再见，青春不散场！在云端，在一起！在问答https://developer.aliyun.com/ask/321737的留言区域晒出自己「线上环境」部署的毕业纪念册，在6月30号18点之前点赞数前10可以获得我们送出的毕业大礼包，阿里云的公仔盲盒一个以及10元的代金券一张，让你的青春永远在线！

毕业不说再见，青春不散场

经历了动荡的2020年，让2021年的同窗时光显得格外珍惜。早上的起床号仍然会响起，食堂的阿姨照常准备早餐，门口的大爷照例检查着证件和健康码，三年在一起已经980天18个小时51分59秒。但是又是一年毕业季，疫情影响了你们开学的时间，却没有影响到你们毕业，少了盛大的毕业典礼，但是一起走过的青春不会忘记。

毕业是千百万个人，千百万个夏天的故事，我们有千百万个理由让你的毕业更加特别一点。阿里云云开发平台的用户安南同学定制了他的专属毕业纪念册，他将他的纪念册奉献给大家，让所有的毕业生都可以快速拥有自己的云上毕业纪念册，通过阿里云云开发平台一键上线。不管你是IT大拿、还是建站小白，都可以分分钟获取自己专属的也毕业纪念册。毕业不说再见，青春不散场！

毕业纪念册效果图

毕业纪念册的上线步骤

1. 创建应用

a. 登陆云开发平台

登录云开发平台。使用阿里云账号登录，按照提示创建团队，点击同意协议。没有阿里云账号的用户，在登录页面注册后进行登录即可。为了保证最好的使用体验，请使用Chrome浏览器。

b. 创建应用

打开快速开始，点击创建新应用。

c. 云资源访问授权。

云资源访问授权。如果您之前没有使用过云开发平台，会出现云资源授权管理的选项，往下拉出现直至同意授权的字样，点击「同意授权」后出现授权成功，点击进入「下一步」。

d. 选择语言和计算服务。

分别选择开发语言NodeJS，创建方式选择直接创建，然后点击下一步。然后填写应用的名称和介绍，选择所属产品线（按需要选择），计算服务选择FC。然后点击完成，云服务如果没有开通需要开通一下，开通不收费。

2. 配置和上线应用。

a. 下载毕业纪念册的代码。

访问https://github.com/cloudworkbench/memory-album 下载源代码后解压缩到本地目录。

b. 创建环境

应用创建成功后会跳转到应用详情页面，点击日常环境的「部署配置」，依次选择 【自动创建环境】-【选择任意可用区】-【自动创建交换机】

c. 在线开发部署

环境配置完成后，完成后回到如下页面，点击在线开发部署，在新的窗口打开WebIDE部署, 点击「在线开发部署」，打开CloudIDE上传代码文件。

d. 上传代码文件

CloudIDE加载完成后，选中下载后解压好的文件，将源码文件直接拖拽到CloudIDE的根目录，上传完成后记得保存并且推送。

e. 一键上线毕业纪念册

点击CloudIDE左侧的部署Tab，选择日常环境，点击立即部署，在弹出框中确认配置后继续部署。部署完成后产生临时域名，即可访问好部署的站点。快点给同学们分享一下吧，临时域名30分钟有效期。

f. 绑定线上域名

生产的临时域名是云开发平台免费提供的，有效期只有30分钟，过期之后需要手动刷新才可以生效。如果想保留作为长期的毕业站点使用，可以绑定自己的域名，现在很多域名1块钱首年。

在你购买的域名控制台，配置CNAME映射到该域名，下图以阿里云的域名控制台为例。如果你是新购的域名还没有备案的话，在云开发平台创建一个region在香港的产品也可以立即使用。

在云开发平台的应用详情页面点击线上环境的「域名配置」，绑定配置好的域名，并且按照日常环境的配置进行「环境配置」，保存后打开「在线开发部署」进行一键部署即可使用自己的域名进行访问。

毕业纪念册可定制的功能

1. 背景图更换

在index.html中更改url的路径images/classroom.png，或者替换文件夹里classroom.png文件

body {
        perspective: 1000px;
        display: block;
        padding:0;
        margin:0;
        overflow:hidden;
        background-image:url("images/classroom.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;

樱花透明度

在index.html中更改opacity 0~1之间的数字,1是完全清晰 0是隐形

/*樱花透明度*/
    canvas {
        padding:0;
        margin:0;
        opacity:0.3;

在一起计时

在js/time.js下输入入学年份就可以算出来在一起的时间

var arr="2018-10-1 21:00:00".split(/[- :]/);//改这里
var box=document.getElementsByClassName('textCon')[0];

黑白上毕业纪念的话

在js/typing.js中修改str的内容以及显示的速度,也就是到时候黑板上显示的内容，字体大小/颜色/位置可以在css中调整

let divTyping=document.getElementById('text')//div
let i=0,//初始化
    timer=0,
    str='山无棱,天地合,才敢与君绝'//要显示的字

function typing () {
    if (i <=str.length) {
        divTyping.innerHTML=str.slice(0, i++) + '_'//当字没显示完的时候,从字符串上切下来上去
        timer=setTimeout(typing, 450)//每次的间隔
    }

旋转相册

在css/xuanzhuan.css中，自定义图片, 图片大小 以及 旋转相册位置，可以替换掉image文件夹里的图片。

.xuanzhuan {
    width:200px;
    height:200px;
    margin: 100px auto;
    background: url("../images/xuanzhuan/shu.jpg") no-repeat;
    background-size: cover;
    transform-style: preserve-3d;
    position: absolute;
    transition: 15s linear;
    top: 50%;
    left: 42%;
    z-index: initial;
}
.xuanzhuan:hover{
    transform: rotateY(360deg);
}
.xuanzhuan div{
    height:150px;
    width: 200px;
    position: absolute;
    background-size: cover;
    background: no-repeat;
}
.xuanzhuan div:nth-child(1){ /*0,0,2,1*/
    background: url("../images/xuanzhuan/1.jpg");
    background-size: cover;
    transform:rotateY(0deg) translateZ(400px);
}
.xuanzhuan div:nth-child(2){
    background: url("../images/xuanzhuan/2.jpg");
    background-size: cover;
    transform:rotateY(60deg) translateZ(400px);
}
.xuanzhuan div:nth-child(3){
    background: url("../images/xuanzhuan/3.jpg");
    background-size: cover;
    transform:rotateY(120deg) translateZ(400px);
}
.xuanzhuan div:nth-child(4){
    background: url("../images/xuanzhuan/4.jpg");
    background-size: cover;
    transform:rotateY(180deg) translateZ(400px);
}
.xuanzhuan div:nth-child(5){
    background: url("../images/xuanzhuan/5.jpg");
    background-size: cover;
    transform:rotateY(240deg) translateZ(300px);
}
.xuanzhuan div:nth-child(6){
    background: url("../images/xuanzhuan/6.jpg");
    background-size: cover;
    transform:rotateY(300deg) translateZ(300px);
}

BGM音乐

这里采用的是外链引入音乐的方式，你也可以用自己本地的音乐文件，那样打开更快，只要放到项目根路径下直接引用就行。先生成外链，然后在index.html中引入，在index.html下的audio标签的里的source标签的src属性中粘贴链接。

<!--音乐-->
<audio controls class="music">
    <source class="music_a" src="http://m10.music.music/2021060508530538.mp3" type="audio/mpeg">
</audio>

本文为阿里云原创内容，未经允许不得转载。

长文创作激励计划#

蒙古国领土面积不小，150万平方公里的领土，算得上是地球上最大的内陆国之一了。但是这么庞大的领土，居然只有300多万人口，蒙古国的人口密度在全球范围内也算得上是垫底。

整个蒙古国也是因为人口太少，所以全国上下也只有一个真正意义上的城市，那就是首都乌兰巴托。蒙古国90%以上的土地都是无人区，没有经过开发。

而且蒙古国还到处都是荒漠，因为之前存在过度放牧、过度开采自然资源的情况。甚至蒙古国还有很多的乱象。

就比如说300万人口中，有100多万的女性，而这些女性中有1/6都是单亲妈妈。那么蒙古国到底为什么寡妇那么多，而人口又这么少呢？

一、 风俗产业兴盛

其实蒙古国会有那么多的单亲妈妈，主要是因为她们根本就没有一个固定的伴侣。这也和蒙古国的经济现状有直接关系。

原本在苏联时代，作为苏联经济内循环系统的一部分，蒙古国可以得到来自于苏联的大力支持。经济发展的还算不错。

可后来苏联解体，蒙古国自己也随着改变了政治体制，搞了西方式的民选制度。但最后的结果就是蒙古国内部越来越乱，因为官僚腐败非常严重。

再加上蒙古国国内又没有什么工业，在苏联时代，他们也只是负责开采矿物，并且提供各种畜牧资源而已。这就导致蒙古国的经济一直都没有发展上去。

而且蒙古国的人口也确实是太少了，也没有能力大规模的搞矿物开采。最后很多的蒙古人都失了业。

在没有工作的情况下还得继续生活，因为蒙古毕竟是一个欠发达国家，没有能力像那些发达国家一样建立完善的会福利保障系统。最后蒙古国就出现了大量无家可归，又没有工作的青年男女。

而对于那些青年男性来说，他们还有的选。实在不行就下矿挖煤，或者是跑到其他的国家，比如说日本、韩国打黑工来维持生活。

但是女性就没有这种可能了，她们总不能也去日韩打黑工吧！在这个时候，反而是一些韩国人给了这些蒙古女性一条出路，那就是从事风俗产业。

因为韩国人对风俗产业的需求量比较大，再加上不少的韩国人也喜欢去蒙古旅游。所以很多韩国人就在蒙古国国内投资开KTV，开一些黑酒店，大搞风俗产业。

最后的结果就是，在蒙古国国内，有不少韩蒙混血儿出生，蒙古国女性中的单亲妈妈数量自然也就越来越多了。他们总不能指望，那些来蒙古国体验风俗行业的韩国人主动负责吧。

二、 大量的蒙古男人都一去不复返

不过，并不是所有的蒙古女性都会去从事风俗产业。其实大多数女性还是能够保持基本的道德标准和素质底线的，愿意去做风俗产业的人总归还是少数。

大多数蒙古女性过的也都还是普通人的生活。可她们生活普通，但家里面的男性却不甘于寂寞。

之前就已经说过了，有很多蒙古男性会去日本、韩国打黑工。其中有一些还算比较有良心，会定时定点儿的往家寄钱，照顾留在家里面的孤儿寡母。

有一些比较狠心的，如果能够成功的在日本、韩国或者是其他的亚洲国家立足，就根本不会再回到蒙古国，也完全不会考虑留在蒙古国里面的妻子、孩子。时间久了，自然也就造成了单亲妈妈的数量越来越多。

据统计，蒙古国的单亲妈妈数量达到了30万，占到了全国总人口的1/10。也就是说，很多的蒙古国孩子连自己的爸爸是谁都不知道，也没有见过自己的爸爸。

这样的情况在其他国家简直不可想象，但是在蒙古国却异常多见。而且蒙古族的传统也就决定了他们恐怕不会太重视家庭关系。

他们与我国的内蒙古同胞不一样。这些生活在蒙古草原上的外蒙古族还秉持着很多封建且落后的蒙古传统，因为他们一直过的都是游牧生活，连定居都做不到，自然文明程度也就不会太高。

所以很多的蒙古男性都秉持着大男子主义。在他们眼里，只要自己能够过得好就可以了，妻子和儿女都是可以不管的。

这就导致他们就算是不出国，只要去了乌兰巴托，还有额尔登特这些地方生活，很快就可能会组建新的家庭。不再考虑之前的妻子和儿女。

虽然她们的丈夫还在，但这些女性也事实上的成为了寡妇。这其实也不能怪蒙古人，他们也不想这样，但是经济基础决定他们注定要如此，蒙古的经济发展水平实在是太差了。

经济水平不高就意味着很多蒙古人没有办法接受良好的中高等教育。没有教育、没有学识，那么道德和素养自然也就提不上去。

想要在蒙古国解决单亲家庭、解决单身妈妈的问题，就必须想办法先把教育提上去。让蒙古人都能够读得到书，才能让那些蒙古人都负起责任。

三、 蒙古国的人口没办法增长

最后我们再来说说蒙古国的人口为什么这么少。其实蒙古国的人口少也很正常，一直以来他们过的都是游牧生活，而草原上的环境是非常恶劣的，所以能够承载的人口本身就有上限。

在古代的时候，我们历史上记载的那些游牧帝国也大多都人口稀少，有一些游牧帝国可能就只有几百万的人口。

当年清朝在入关的时候，真正的女真族人数量也不多。

而且蒙古国也没有对现有的这种落后的经济模式进行改革，那么人口又怎么可能增长的上去呢？如今的蒙古国还是以畜牧业和采矿业为主，几乎没有什么农业。

但是仅仅只靠畜牧业，不可能养活所有人，只有把农业发展上去，才能够实现人口大爆炸。而蒙古国不适合搞农业，人口就没办法增长。

如果是像日韩这种体量的国家，他们的农业生产量也不高，但是日本和韩国却有科技产业存在；或者是像沙特和阿联酋这样同样土地贫瘠，不适合搞农业生产的国家。

但是他们国内有大量的资源，可以通过资源出口获得充足的资金来发展国内经济，让老百姓都过上好日子。

然后官方再通过搞贸易所获得的钱，源源不断的从国际市场上买到粮食，同样也是促进人口增长的好方式。

可蒙古国是这两点一个都做不到。蒙古国都几乎没有什么工业，又怎么搞科技产业呢？蒙古国确实是有资源，完全有能力当亚洲小沙特，但是蒙古国的这些资源的开发和利用率很低。

再加上大量的矿山和矿物资源被财阀所垄断，蒙古国的底层老百姓，也根本就没办法在矿物开采中分到什么好处。所以蒙古国的人口上限几乎都已经被锁死了。

想要推动人口增长，就得先解决经济问题。但是想要解决经济问题，就得大量开采矿物，并且组建一个清明廉洁的政府，还得让蒙古国的那些资本家都得有大公无私的精神。光想一想就知道这不可能。

其实这些外蒙古人可远远没有我国的蒙古族同胞活得好。按照官方的统计来看，目前我国境内一共有600多万的蒙古族同胞，占到了全球蒙古族总数的六成以上。

光生活在内蒙古自治区的蒙古族同胞就超过了400万，比蒙古国全国的人口加起来还要多出100多万。并且我国蒙古族同胞所过的生活是那些外蒙古人想都不敢想的。

在官方的大力扶持之下，有不少的蒙古族同胞都迁移到了城市里生活，也通过教育的方式改变了自己的命运。还有一些蒙古族同胞现在住的也不是之前那样一吹就散的落后蒙古包了，也住上了混凝土房，偶尔才会去住蒙古包。

就算住的蒙古包，也是那些工业化时代批量生产出来的质量可靠，外形美观的蒙古包。很多的蒙古族同胞家里面还到处都是牛羊，这些牛羊的价值也非比寻常。

而且我国还十分重视环境保护，所以内蒙古就没有外蒙古那种严重的沙漠化现象。也不知道这些当年闹独立，非得跟着苏联一块和自己母国对抗的蒙古人，现在有没有后悔。

结语：

这样一解释，大家就应该明白了为什么蒙古国的单亲妈妈会那么多。就两个原因，一个是风俗产业的蓬勃发展，而另一个则是很多的蒙古男性本身就不负责任。

因为文化传统的原因，他们就不重视夫妻感情，也不重视孩子。况且很多的蒙古族男性还有出国打黑工，一去打黑工就不一定能够回来了。

而蒙古国人口稀少，则是因为经济发展水平落后，农业产量低，所以人口发展几乎已经抵达了上限。就算是再增长，也长不了多少了。

如今生活在内蒙古的蒙古族同胞们，可是要比这些外蒙古人生活的好的多。

参考文章：

竹子讲奇闻2023-10-10 为什么说蒙古国的“寡妇”众多，而人口相对稀缺呢？

https://www.toutiao.com/article/7288208117047771707/?channel=&source=search_tab

xuanlv12292023-09-13300万人口，16万是单亲妈妈蒙古国，为啥人口少，“寡妇”多？

https://www.toutiao.com/article/7277790780755214902/?channel=&source=search_tab

爱音乐书包5E9N2023-09-14300万人口，16是单亲妈妈蒙古国，为啥“寡妇”多、人口少？

https://www.toutiao.com/article/7278568575370002983/?channel=&source=search_tab

在的办公已经越来越趋近于无纸化了，用电脑办公已经是家常便饭，但是电脑的有些快捷键大家清楚吗？要知道利用好了这些快捷键可大大提升我们的办公效率，下面我们就对一些常见的快捷键归纳一下吧。

1.Ctrl快捷键

Ctrl+S 保存

　　Ctrl+W 关闭程序

　　Ctrl+N 新建

　　Ctrl+O 打开

　　Ctrl+Z 撤销

　　Ctrl+F 查找

　　Ctrl+X 剪切

　　Ctrl+C 复制

　　Ctrl+V 粘贴

　　Ctrl+A 全选

　　Ctrl+[ 缩小文字

　　Ctrl+] 放大文字

　　Ctrl+B 粗体

　　Ctrl+I 斜体

　　Ctrl+U 下划线

　　Ctrl+Shift 输入法切换

　　Ctrl+空格 中英文切换

　　Ctrl+回车 QQ号中发送信息

　　Ctrl+Home 光标快速移到文件头

　　Ctrl+End 光标快速移到文件尾

　　Ctrl+Esc 显示开始菜单

　　Ctrl+Shift+< 快速缩小文字

　　Ctrl+Shift+> 快速放大文字

　　Ctrl+F5 在IE中强行刷新

　　Ctrl+拖动文件 复制文件

　　Ctrl+Backspace 启动关闭输入法

　　拖动文件时按住Ctrl+Shift 创建快捷方式

2.Win快捷键

Win+E：开启“资源管理器”

　　Win+F：查找文件或文件夹

　　Win+CTRL+ F：查找电脑

　　Win+F1：显示 Win “帮助”

　　Win+R：开启“运行” 对话框

　　Win+U：开启 “公用程序管理器”

单独按Win：显示或隐藏 “开始”功能表

　　Win+BREAK：显示“系统属性” 对话框

　　Win+D：显示桌面

　　Win+M：最小化所有窗口

　　Win+Shift+M：还原最小化的窗口

　　Win+L：切换使用者(Win XP新功能)

3.Shift快捷键

Shift+空格 半全角切换

　　Shift+右击 右菜单打开方式

Shift+Del 直接删除文件

　　Shift+^ 处在中文标点符号半角在智能ABC中省曰号

　　Shift+F10 选中文件的右菜单

　　Shift+多级文件 全部关闭

　　Shift+ 处在中文标点符号半角在智能ABC中顿号

4.Alt快捷键

　　Alt+F4 关闭当前程序

　　Alt+空格+C 关闭窗口

　　Alt+空格+N 最小化当前窗口

　　Alt+空格+R 恢复最小化窗口

　　Alt+Tab 两个程序交换

　　Alt+255 QQ号中输入无名人

　　Alt+F 打开文件菜单

　　Alt+V 打开视图菜单

　　Alt+H 打开帮助菜单

　　Alt+回车 查看文件属性

　　Alt+E 打开编辑菜单

　　Alt+I 打开插入菜单

　　Alt+O 打开格式菜单

　　Alt+T 打开工具菜单

Alt+A 打开表格菜单

　　Alt+W 打开窗口菜单

Alt+空格+X 最大化当前窗口

　　Alt+空格+M 移动窗口

　　Alt+空格+S 改变窗口大小

　　Alt+双击文件 查看文件属性

　　Alt+X 关闭C语言

5.对话框快捷键

Ctrl + Shift +Tab 在选项卡之间向后移动。

　　Tab 在选项之间向前移动。

Ctrl + Tab 在选项卡之间向前移动。

　　Shift + Tab 在选项之间向后移动。

今天就整理这么多，希望在工作中能帮到大家，谢谢！