介： 畢業不說再見，青春不散場！在云端，在一起！在問答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 在選項之間向后移動。

今天就整理這么多，希望在工作中能幫到大家，謝謝！