Add files via upload

This commit is contained in:
✨小透明・宸✨
2019-01-26 21:33:27 +08:00
committed by GitHub
parent f13619a43b
commit 34e31fc6b2
9 changed files with 864 additions and 0 deletions

232
avatarURL.js Normal file
View File

@@ -0,0 +1,232 @@
var avatarURL = [
'https://ae01.alicdn.com/kf/HTB1gtMgaLjsK1Rjy1Xaq6zispXaN.jpg',
'https://ae01.alicdn.com/kf/HTB1NL_9aN2rK1RkSnhJq6ykdpXaw.jpg',
'https://ae01.alicdn.com/kf/HTB1X9D5aI_vK1Rjy0Foq6xIxVXaz.jpg',
'https://ae01.alicdn.com/kf/HTB1F_b.aUrrK1RkSne1q6ArVVXaL.jpg',
'https://ae01.alicdn.com/kf/HTB14c.gaLjsK1Rjy1Xaq6zispXah.jpg',
'https://ae01.alicdn.com/kf/HTB1gWz0aOfrK1RjSspbq6A4pFXay.jpg',
'https://ae01.alicdn.com/kf/HTB1YKn8aNrvK1RjSszeq6yObFXan.jpg',
'https://ae01.alicdn.com/kf/HTB1ynAXaIrrK1Rjy1zeq6xalFXaI.jpg',
'https://ae01.alicdn.com/kf/HTB1Gr6.aJfvK1RjSszhq6AcGFXaq.jpg',
'https://ae01.alicdn.com/kf/HTB1RBf8aIfrK1RkSnb4q6xHRFXai.jpg',
'https://ae01.alicdn.com/kf/HTB1skb2aIvrK1Rjy0Feq6ATmVXav.jpg',
'https://ae01.alicdn.com/kf/HTB17AY_aUzrK1RjSspmq6AOdFXau.jpg',
'https://ae01.alicdn.com/kf/HTB1R1H8aNrvK1RjSszeq6yObFXau.jpg',
'https://ae01.alicdn.com/kf/HTB1rB26aODxK1Rjy1zcq6yGeXXaZ.jpg',
'https://ae01.alicdn.com/kf/HTB1L8L4aODxK1RjSsphq6zHrpXax.jpg',
'https://ae01.alicdn.com/kf/HTB1BK69aPzuK1RjSsppq6xz0XXar.jpg',
'https://ae01.alicdn.com/kf/HTB13Jb8aOjrK1RjSsplq6xHmVXa7.jpg',
'https://ae01.alicdn.com/kf/HTB1PsP3aLfsK1RjSszbq6AqBXXap.jpg',
'https://ae01.alicdn.com/kf/HTB1n.T4aITxK1Rjy0Fgq6yovpXaB.jpg',
'https://ae01.alicdn.com/kf/HTB17uH3aOzxK1Rjy1zkq6yHrVXaj.jpg',
'https://ae01.alicdn.com/kf/HTB16_Y2aIvrK1Rjy0Feq6ATmVXaF.jpg',
'https://ae01.alicdn.com/kf/HTB1OqoXaUrrK1RkSne1q6ArVVXaD.jpg',
'https://ae01.alicdn.com/kf/HTB1hC3XaULrK1Rjy0Fjq6zYXFXax.jpg',
'https://ae01.alicdn.com/kf/HTB1v724aPzuK1Rjy0Fpq6yEpFXaL.jpg',
'https://ae01.alicdn.com/kf/HTB1OU_4aOnrK1RjSsziq6xptpXaV.jpg',
'https://ae01.alicdn.com/kf/HTB1w2Y4aIfrK1Rjy0Fmq6xhEXXaP.jpg',
'https://ae01.alicdn.com/kf/HTB12nEXaULrK1Rjy0Fjq6zYXFXao.jpg',
'https://ae01.alicdn.com/kf/HTB120P3aIfrK1RjSszcq6xGGFXaS.jpg',
'https://ae01.alicdn.com/kf/HTB1Gv3uDXzqK1RjSZFCq6zbxVXa1.jpg',
'https://ae01.alicdn.com/kf/HTB1b2j_aInrK1RjSspkq6yuvXXa7.jpg',
'https://ae01.alicdn.com/kf/HTB1EvcfaPnuK1RkSmFPq6AuzFXaJ.jpg',
'https://ae01.alicdn.com/kf/HTB1OXD6aOzxK1RkSnaVq6xn9VXaw.jpg',
'https://ae01.alicdn.com/kf/HTB1cBZaaPDuK1Rjy1zjq6zraFXa9.jpg',
'https://ae01.alicdn.com/kf/HTB1hpY6aOzxK1RkSnaVq6xn9VXao.jpg',
'https://ae01.alicdn.com/kf/HTB1ASf4aPzuK1Rjy0Fpq6yEpFXah.jpg',
'https://ae01.alicdn.com/kf/HTB1lR29aOLrK1Rjy1zdq6ynnpXaI.jpg',
'https://ae01.alicdn.com/kf/HTB1rNL.aJfvK1RjSszhq6AcGFXaD.jpg',
'https://ae01.alicdn.com/kf/HTB1vGH9aTHuK1RkSndVq6xVwpXaj.jpg',
'https://ae01.alicdn.com/kf/HTB1MSf9aOLrK1Rjy1zdq6ynnpXar.jpg',
'https://ae01.alicdn.com/kf/HTB1rfIwDkPoK1RjSZKbq6x1IXXad.jpg',
'https://ae01.alicdn.com/kf/HTB1VYD7aODxK1Rjy1zcq6yGeXXaD.jpg',
'https://ae01.alicdn.com/kf/HTB1BYn4aInrK1RkHFrdq6xCoFXaF.jpg',
'https://ae01.alicdn.com/kf/HTB19VMuDkvoK1RjSZFNq6AxMVXaV.jpg',
'https://ae01.alicdn.com/kf/HTB1SGP_aJfvK1RjSspfq6zzXFXaV.jpg',
'https://ae01.alicdn.com/kf/HTB1Vtj8aI_vK1RkSmRyq6xwupXaP.jpg',
'https://ae01.alicdn.com/kf/HTB1noDYaJfvK1RjSspoq6zfNpXa7.jpg',
'https://ae01.alicdn.com/kf/HTB1Pbz9aTHuK1RkSndVq6xVwpXaZ.jpg',
'https://ae01.alicdn.com/kf/HTB1cb_5aITxK1Rjy0Fgq6yovpXaA.jpg',
'https://ae01.alicdn.com/kf/HTB1Mnv6aULrK1Rjy1zbq6AenFXaq.jpg',
'https://ae01.alicdn.com/kf/HTB1jpb7aOzxK1RjSspjq6AS.pXac.jpg',
'https://ae01.alicdn.com/kf/HTB1Ps26aI_vK1Rjy0Foq6xIxVXa3.jpg',
'https://ae01.alicdn.com/kf/HTB1Pr_9aIfrK1RkSnb4q6xHRFXaZ.jpg',
'https://ae01.alicdn.com/kf/HTB1WAPYDmzqK1RjSZPcq6zTepXai.jpg',
'https://ae01.alicdn.com/kf/HTB1c1EtDmzqK1RjSZFHq6z3CpXat.jpg',
'https://ae01.alicdn.com/kf/HTB1gonWaOrxK1RkHFCcq6AQCVXaT.jpg',
'https://ae01.alicdn.com/kf/HTB16ZT9aIfrK1RkSnb4q6xHRFXa0.jpg',
'https://ae01.alicdn.com/kf/HTB1QIv_aJfvK1RjSspfq6zzXFXab.jpg',
'https://ae01.alicdn.com/kf/HTB1F5P0aOfrK1RjSspbq6A4pFXat.jpg',
'https://ae01.alicdn.com/kf/HTB1SU_4aPzuK1Rjy0Fpq6yEpFXaa.jpg',
'https://ae01.alicdn.com/kf/HTB1n2.aaIrrK1Rjy1zeq6xalFXaR.jpg',
'https://ae01.alicdn.com/kf/HTB1Bvb4aLvsK1RjSspdq6AZepXav.jpg',
'https://ae01.alicdn.com/kf/HTB1eJD6aOzxK1RkSnaVq6xn9VXao.jpg',
'https://ae01.alicdn.com/kf/HTB1ME29aPvuK1Rjy0Faq6x2aVXaN.jpg',
'https://ae01.alicdn.com/kf/HTB1H9D2aIfrK1RkSmLyq6xGApXa9.jpg',
'https://ae01.alicdn.com/kf/HTB1gv26aI_vK1Rjy0Foq6xIxVXaw.jpg',
'https://ae01.alicdn.com/kf/HTB1HvY3aUjrK1RkHFNRq6ySvpXas.jpg',
'https://ae01.alicdn.com/kf/HTB1iHb7aULrK1Rjy1zbq6AenFXae.jpg',
'https://ae01.alicdn.com/kf/HTB1baz_aPvuK1Rjy0Faq6x2aVXal.jpg',
'https://ae01.alicdn.com/kf/HTB1j2P5aODxK1RjSsphq6zHrpXaP.jpg',
'https://ae01.alicdn.com/kf/HTB1DJHYaUvrK1RjSspcq6zzSXXa6.jpg',
'https://ae01.alicdn.com/kf/HTB1udgUDhjaK1RjSZKzq6xVwXXaf.jpg',
'https://ae01.alicdn.com/kf/HTB1h.L.aJfvK1RjSszhq6AcGFXaa.jpg',
'https://ae01.alicdn.com/kf/HTB1vyP6aI_vK1Rjy0Foq6xIxVXaj.jpg',
'https://ae01.alicdn.com/kf/HTB1Vgr4aFzsK1Rjy1Xbq6xOaFXaY.jpg',
'https://ae01.alicdn.com/kf/HTB1yiL.aUzrK1RjSspmq6AOdFXaG.jpg',
'https://ae01.alicdn.com/kf/HTB1ZVD5aIfrK1Rjy0Fmq6xhEXXat.jpg',
'https://ae01.alicdn.com/kf/HTB1u6L9aIfrK1RkSnb4q6xHRFXag.jpg',
'https://ae01.alicdn.com/kf/HTB1C3T7aOzxK1RjSspjq6AS.pXay.jpg',
'https://ae01.alicdn.com/kf/HTB1qa29aOjrK1RjSsplq6xHmVXav.jpg',
'https://ae01.alicdn.com/kf/HTB1sA66aI_vK1Rjy0Foq6xIxVXaZ.jpg',
'https://ae01.alicdn.com/kf/HTB182vYaOrxK1RkHFCcq6AQCVXau.jpg',
'https://ae01.alicdn.com/kf/HTB1DAv9aTHuK1RkSndVq6xVwpXa5.jpg',
'https://ae01.alicdn.com/kf/HTB1lbj.aInrK1RjSspkq6yuvXXaR.jpg',
'https://ae01.alicdn.com/kf/HTB1N9_6aI_vK1Rjy0Foq6xIxVXaN.jpg',
'https://ae01.alicdn.com/kf/HTB1Ser1aU_rK1Rjy0Fcq6zEvVXaC.jpg',
'https://ae01.alicdn.com/kf/HTB1FSb9aIfrK1RkSnb4q6xHRFXak.jpg',
'https://ae01.alicdn.com/kf/HTB1EzTYaUvrK1RjSspcq6zzSXXaN.jpg',
'https://ae01.alicdn.com/kf/HTB18HNmaPLuK1Rjy0Fhq6xpdFXaU.jpg',
'https://ae01.alicdn.com/kf/HTB1DUv8aN_rK1RkHFqDq6yJAFXaR.jpg',
'https://ae01.alicdn.com/kf/HTB1nMY_aTjxK1Rjy0Fnq6yBaFXaY.jpg',
'https://ae01.alicdn.com/kf/HTB1dp65aInrK1RkHFrdq6xCoFXae.jpg',
'https://ae01.alicdn.com/kf/HTB1gvb8aPDuK1RjSszdq6xGLpXat.jpg',
'https://ae01.alicdn.com/kf/HTB1Cn.aaULrK1Rjy0Fjq6zYXFXar.jpg',
'https://ae01.alicdn.com/kf/HTB1i_j8aJjvK1RjSspiq6AEqXXaH.jpg',
'https://ae01.alicdn.com/kf/HTB1wRj_aPvuK1Rjy0Faq6x2aVXah.jpg',
'https://ae01.alicdn.com/kf/HTB1tBr6aOLxK1Rjy0Ffq6zYdVXaz.jpg',
'https://ae01.alicdn.com/kf/HTB1nsUaaUrrK1RkSne1q6ArVVXad.jpg',
'https://ae01.alicdn.com/kf/HTB1sq27aOzxK1RkSnaVq6xn9VXaf.jpg',
'https://ae01.alicdn.com/kf/HTB1Nwb.aIfrK1Rjy1Xdq6yemFXaO.jpg',
'https://ae01.alicdn.com/kf/HTB1xcj9aPzuK1RjSspeq6ziHVXaB.jpg',
'https://ae01.alicdn.com/kf/HTB15nj5aPzuK1Rjy0Fpq6yEpFXaA.jpg',
'https://ae01.alicdn.com/kf/HTB1Ob6_aTHuK1RkSndVq6xVwpXal.jpg',
'https://ae01.alicdn.com/kf/HTB1IDAbaPDuK1Rjy1zjq6zraFXaq.jpg',
'https://ae01.alicdn.com/kf/HTB1cwpmaPLuK1Rjy0Fhq6xpdFXaU.jpg',
'https://ae01.alicdn.com/kf/HTB1Z7P_aPzuK1RjSsppq6xz0XXat.jpg',
'https://ae01.alicdn.com/kf/HTB1RZD_aTHuK1RkSndVq6xVwpXaz.jpg',
'https://ae01.alicdn.com/kf/HTB1wIP9aOHrK1Rjy0Flq6AsaFXaJ.jpg',
'https://ae01.alicdn.com/kf/HTB1ngT6aUvrK1RjSszfq6xJNVXa0.jpg',
'https://ae01.alicdn.com/kf/HTB1YaEbaULrK1Rjy0Fjq6zYXFXaf.jpg',
'https://ae01.alicdn.com/kf/HTB1KuAaaUrrK1RkSne1q6ArVVXay.jpg',
'https://ae01.alicdn.com/kf/HTB1BxXmaPLuK1Rjy0Fhq6xpdFXaF.jpg',
'https://ae01.alicdn.com/kf/HTB1dovYaOrxK1RkHFCcq6AQCVXaF.jpg',
'https://ae01.alicdn.com/kf/HTB1HcH.aJfvK1RjSspfq6zzXFXa4.jpg',
'https://ae01.alicdn.com/kf/HTB1hYkbaULrK1Rjy0Fjq6zYXFXa1.jpg',
'https://ae01.alicdn.com/kf/HTB1ZXZaaLvsK1Rjy0Fiq6zwtXXaF.jpg',
'https://ae01.alicdn.com/kf/HTB1Qiv.aInrK1RjSspkq6yuvXXaY.jpg',
'https://ae01.alicdn.com/kf/HTB1lAZCaUzrK1RjSspmq6AOdFXaY.jpg',
'https://ae01.alicdn.com/kf/HTB1yXcFaIrrK1Rjy1zeq6xalFXag.jpg',
'https://ae01.alicdn.com/kf/HTB1BDIzaOHrK1Rjy0Flq6AsaFXaJ.jpg',
'https://ae01.alicdn.com/kf/HTB1TDZxaI_vK1Rjy0Foq6xIxVXa4.jpg',
'https://ae01.alicdn.com/kf/HTB10xdfa.LrK1Rjy1zbq6AenFXaf.jpg',
'https://ae01.alicdn.com/kf/HTB1nwVaa5nrK1Rjy1Xcq6yeDVXaw.jpg',
'https://ae01.alicdn.com/kf/HTB1lfJcaZfrK1RjSszcq6xGGFXaK.jpg',
'https://ae01.alicdn.com/kf/HTB1cKCxaPLuK1Rjy0Fhq6xpdFXaL.jpg',
'https://ae01.alicdn.com/kf/HTB19a0maZrrK1Rjy1zeq6xalFXa8.jpg',
'https://ae01.alicdn.com/kf/HTB1vo4ja.zrK1RjSspmq6AOdFXaG.jpg',
'https://ae01.alicdn.com/kf/HTB1bspca5zxK1Rjy1zkq6yHrVXa1.jpg',
'https://ae01.alicdn.com/kf/HTB1lSNia5YrK1Rjy0Fdq6ACvVXan.jpg',
'https://ae01.alicdn.com/kf/HTB16INiaZfrK1RkSnb4q6xHRFXam.jpg',
'https://ae01.alicdn.com/kf/HTB1tihcaZfrK1RjSszcq6xGGFXaa.jpg',
'https://ae01.alicdn.com/kf/HTB1BHlha5HrK1Rjy0Flq6AsaFXai.jpg',
'https://ae01.alicdn.com/kf/HTB1DOhbaZfrK1RkSmLyq6xGApXab.jpg',
'https://ae01.alicdn.com/kf/HTB1Q8xcaVzsK1Rjy1Xbq6xOaFXaF.jpg',
'https://ae01.alicdn.com/kf/HTB1H9A9aOrxK1RkHFCcq6AQCVXau.jpg',
'https://ae01.alicdn.com/kf/HTB1JiFka0fvK1RjSszhq6AcGFXad.jpg',
'https://ae01.alicdn.com/kf/HTB1qKtka2fsK1RjSszgq6yXzpXau.jpg',
'https://ae01.alicdn.com/kf/HTB1q49xaPLuK1Rjy0Fhq6xpdFXaw.jpg',
'https://ae01.alicdn.com/kf/HTB1vsFha5HrK1Rjy0Flq6AsaFXaG.jpg',
'https://ae01.alicdn.com/kf/HTB17F4daZfrK1Rjy0Fmq6xhEXXaC.jpg',
'https://ae01.alicdn.com/kf/HTB1fiNka2fsK1RjSszgq6yXzpXaF.jpg',
'https://ae01.alicdn.com/kf/HTB1eEw9aUvrK1RjSspcq6zzSXXaz.jpg',
'https://ae01.alicdn.com/kf/HTB10bpia4rvK1RjSszeq6yObFXaC.jpg',
'https://ae01.alicdn.com/kf/HTB1gYXla2vsK1Rjy0Fiq6zwtXXa5.jpg',
'https://ae01.alicdn.com/kf/HTB1A10ha6zuK1RjSspeq6ziHVXa8.jpg',
'https://ae01.alicdn.com/kf/HTB1SO4daZnrK1RkHFrdq6xCoFXad.jpg',
'https://ae01.alicdn.com/kf/HTB1L2pja5LrK1Rjy1zdq6ynnpXaq.jpg',
'https://ae01.alicdn.com/kf/HTB1ny8maZrrK1Rjy1zeq6xalFXaK.jpg',
'https://ae01.alicdn.com/kf/HTB15Fo_aUvrK1RjSspcq6zzSXXaj.jpg',
'https://ae01.alicdn.com/kf/HTB1dFU_aK6sK1RjSsrbq6xbDXXaK.jpg',
'https://ae01.alicdn.com/kf/HTB1t54ja0fvK1RjSspfq6zzXFXak.jpg',
'https://ae01.alicdn.com/kf/HTB1S3dea5DxK1RjSsphq6zHrpXaH.jpg',
'https://ae01.alicdn.com/kf/HTB1fb8ga.LrK1Rjy1zbq6AenFXaS.jpg',
'https://ae01.alicdn.com/kf/HTB1MzNta2jsK1Rjy1Xaq6zispXaI.jpg',
'https://ae01.alicdn.com/kf/HTB1Z8xga5DxK1Rjy1zcq6yGeXXa6.jpg',
'https://ae01.alicdn.com/kf/HTB11Npja5LrK1Rjy1zdq6ynnpXar.jpg',
'https://ae01.alicdn.com/kf/HTB1NmlfaZ_vK1Rjy0Foq6xIxVXa1.jpg',
'https://ae01.alicdn.com/kf/HTB1yk4maZrrK1Rjy1zeq6xalFXar.jpg',
'https://ae01.alicdn.com/kf/HTB1k1Jia4rvK1RjSszeq6yObFXaj.jpg',
'https://ae01.alicdn.com/kf/HTB1K94ga5DxK1Rjy1zcq6yGeXXay.jpg',
'https://ae01.alicdn.com/kf/HTB1NPVna6DuK1Rjy1zjq6zraFXaT.jpg',
'https://ae01.alicdn.com/kf/HTB1EH4la0fvK1RjSszhq6AcGFXaw.jpg',
'https://ae01.alicdn.com/kf/HTB1fKFaa._rK1Rjy0Fcq6zEvVXaT.jpg',
'https://ae01.alicdn.com/kf/HTB1U7Xja_jxK1Rjy0Fnq6yBaFXau.jpg',
'https://ae01.alicdn.com/kf/HTB1ETdia_HuK1RkSndVq6xVwpXa4.jpg',
'https://ae01.alicdn.com/kf/HTB1W10daZfrK1RjSszcq6xGGFXae.jpg',
'https://ae01.alicdn.com/kf/HTB1.M8sa6nuK1RkSmFPq6AuzFXal.jpg',
'https://ae01.alicdn.com/kf/HTB1KGBha5DxK1Rjy1zcq6yGeXXaQ.jpg',
'https://ae01.alicdn.com/kf/HTB1nfA_aK6sK1RjSsrbq6xbDXXaE.jpg',
'https://ae01.alicdn.com/kf/HTB1TnBcaZvrK1Rjy0Feq6ATmVXaX.jpg',
'https://ae01.alicdn.com/kf/HTB1OwRta.rrK1RkSne1q6ArVVXaX.jpg',
'https://ae01.alicdn.com/kf/HTB1XLJka5zxK1Rjy1zkq6yHrVXaq.jpg',
'https://ae01.alicdn.com/kf/HTB1dltea16sK1RjSsrbq6xbDXXaX.jpg',
'https://ae01.alicdn.com/kf/HTB1_vJlaZnrK1RkHFrdq6xCoFXas.jpg',
'https://ae01.alicdn.com/kf/HTB1mRJsa0fvK1RjSszhq6AcGFXat.jpg',
'https://ae01.alicdn.com/kf/HTB1AdJqa_HuK1RkSndVq6xVwpXaQ.jpg',
'https://ae01.alicdn.com/kf/HTB1qh8naZ_vK1Rjy0Foq6xIxVXaB.jpg',
'https://ae01.alicdn.com/kf/HTB1Msdka.jrK1RkHFNRq6ySvpXaG.jpg',
'https://ae01.alicdn.com/kf/HTB13HpkaZvrK1Rjy0Feq6ATmVXaH.jpg',
'https://ae01.alicdn.com/kf/HTB1VlVsa0fvK1RjSszhq6AcGFXaR.jpg',
'https://ae01.alicdn.com/kf/HTB1Vx0ia2LsK1Rjy0Fbq6xSEXXav.jpg',
'https://ae01.alicdn.com/kf/HTB1PLVsa2fsK1RjSszgq6yXzpXam.jpg',
'https://ae01.alicdn.com/kf/HTB1.tVqa_HuK1RkSndVq6xVwpXaE.jpg',
'https://ae01.alicdn.com/kf/HTB12QXraZnrK1RjSspkq6yuvXXaY.jpg',
'https://ae01.alicdn.com/kf/HTB1PHFra5YrK1Rjy0Fdq6ACvVXaQ.jpg',
'https://ae01.alicdn.com/kf/HTB1ndRsa.zrK1RjSspmq6AOdFXaw.jpg',
'https://ae01.alicdn.com/kf/HTB1REVza6nuK1RkSmFPq6AuzFXaa.jpg',
'https://ae01.alicdn.com/kf/HTB110lva6DuK1Rjy1zjq6zraFXaz.jpg',
'https://ae01.alicdn.com/kf/HTB14YhmaZTxK1Rjy0Fgq6yovpXaP.jpg',
'https://ae01.alicdn.com/kf/HTB1Zc8ra5LrK1Rjy1zdq6ynnpXaZ.jpg',
'https://ae01.alicdn.com/kf/HTB1lCFsa0fvK1RjSszhq6AcGFXaa.jpg',
'https://ae01.alicdn.com/kf/HTB16pBsa0zvK1RkSnfoq6zMwVXaY.jpg',
'https://ae01.alicdn.com/kf/HTB1lNtna5zxK1RkSnaVq6xn9VXaU.jpg',
'https://ae01.alicdn.com/kf/HTB1ypBqa4rvK1RjSszeq6yObFXax.jpg',
'https://ae01.alicdn.com/kf/HTB15hXsa2fsK1RjSszgq6yXzpXap.jpg',
'https://ae01.alicdn.com/kf/HTB1wUVkaVzsK1Rjy1Xbq6xOaFXaM.jpg',
'https://ae01.alicdn.com/kf/HTB1Zy8pa0jvK1RjSspiq6AEqXXaF.jpg',
'https://ae01.alicdn.com/kf/HTB1aGRsa0zvK1RkSnfoq6zMwVXaG.jpg',
'https://ae01.alicdn.com/kf/HTB1mCFea.vrK1RjSspcq6zzSXXa1.jpg',
'https://ae01.alicdn.com/kf/HTB17x8sa2fsK1RjSszgq6yXzpXa8.jpg',
'https://ae01.alicdn.com/kf/HTB1DXJoa.LrK1Rjy1zbq6AenFXaV.jpg',
'https://ae01.alicdn.com/kf/HTB1GsVoa5zxK1RjSspjq6AS.pXaE.jpg',
'https://ae01.alicdn.com/kf/HTB1jMhBa2jsK1Rjy1Xaq6zispXar.jpg',
'https://ae01.alicdn.com/kf/HTB1ZARpa5jrK1RjSsplq6xHmVXaX.jpg',
'https://ae01.alicdn.com/kf/HTB1gAVpa5jrK1RjSsplq6xHmVXa6.jpg',
'https://ae01.alicdn.com/kf/HTB1idxmaZTxK1Rjy0Fgq6yovpXaj.jpg',
'https://ae01.alicdn.com/kf/HTB1r_hkaZfrK1RjSszcq6xGGFXad.jpg',
'https://ae01.alicdn.com/kf/HTB1FLlpa5HrK1Rjy0Flq6AsaFXax.jpg',
'https://ae01.alicdn.com/kf/HTB1VsBga0fvK1RjSspoq6zfNpXaI.jpg',
'https://ae01.alicdn.com/kf/HTB12rNfa5rxK1RkHFCcq6AQCVXaz.jpg',
'https://ae01.alicdn.com/kf/HTB1MlXpa5jrK1RjSsplq6xHmVXaF.jpg',
'https://ae01.alicdn.com/kf/HTB180loa5zxK1RjSspjq6AS.pXaG.jpg',
'https://ae01.alicdn.com/kf/HTB17rNma6zuK1Rjy0Fpq6yEpFXas.jpg',
'https://ae01.alicdn.com/kf/HTB1yuBpa6zuK1RjSspeq6ziHVXaN.jpg',
'https://ae01.alicdn.com/kf/HTB1eQhpa0jvK1RjSspiq6AEqXXau.jpg',
'https://ae01.alicdn.com/kf/HTB13tpma5nrK1RjSsziq6xptpXaA.jpg',
'https://ae01.alicdn.com/kf/HTB1hQJpa4_rK1RkHFqDq6yJAFXaH.jpg',
'https://ae01.alicdn.com/kf/HTB19Oloa6DuK1RjSszdq6xGLpXaS.jpg',
'https://ae01.alicdn.com/kf/HTB1HUNea16sK1RjSsrbq6xbDXXaE.jpg',
'https://ae01.alicdn.com/kf/HTB1WAXpaZ_vK1RkSmRyq6xwupXaU.jpg',
'https://ae01.alicdn.com/kf/HTB1E0Voa5zxK1RjSspjq6AS.pXaS.jpg',
'https://ae01.alicdn.com/kf/HTB1rDdha._rK1Rjy0Fcq6zEvVXaC.jpg',
'https://ae01.alicdn.com/kf/HTB1Q1Bra5YrK1Rjy0Fdq6ACvVXaX.jpg',
'https://ae01.alicdn.com/kf/HTB1tIdAa6nuK1RkSmFPq6AuzFXac.jpg',
'https://ae01.alicdn.com/kf/HTB161Jra5YrK1Rjy0Fdq6ACvVXaj.jpg',
'https://ae01.alicdn.com/kf/HTB1Yjtka5zxK1Rjy1zkq6yHrVXaN.jpg',
'https://ae01.alicdn.com/kf/HTB1SIJfa5rxK1RkHFCcq6AQCVXab.jpg',
'https://ae01.alicdn.com/kf/HTB1veFna5LxK1Rjy0Ffq6zYdVXa0.jpg',
'https://ae01.alicdn.com/kf/HTB155pka2fsK1RjSszbq6AqBXXaf.jpg',
'https://ae01.alicdn.com/kf/HTB1LRRnaZ_vK1Rjy0Foq6xIxVXaG.jpg',
'https://ae01.alicdn.com/kf/HTB1lHVsaZfrK1Rjy1Xdq6yemFXaY.jpg'
]

15
back.svg Normal file
View File

@@ -0,0 +1,15 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="27.329px" height="47.65px" viewBox="0 0 27.329 47.65" style="enable-background:new 0 0 27.329 47.65;"
xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
</style>
<g>
<rect x="11.22" y="-3.215" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 13.6647 32.9895)" class="st0" width="4.89" height="33.759"/>
<rect x="11.22" y="17.105" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -20.0287 19.6164)" class="st0" width="4.89" height="33.759"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 762 B

13
comment.svg Normal file
View File

@@ -0,0 +1,13 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="60.008px" height="42px" viewBox="0 0 60.008 42" style="enable-background:new 0 0 60.008 42;" xml:space="preserve">
<style type="text/css">
.st0{fill:#8593B0;}
.st1{fill:#FFFFFF;}
</style>
<rect x="11.008" class="st0" width="49" height="42"/>
<polygon class="st0" points="0,21 11.812,29.142 11.812,12.858 "/>
<circle class="st1" cx="24.32" cy="21" r="5.484"/>
<circle class="st1" cx="46.695" cy="21" r="5.484"/>
</svg>

After

Width:  |  Height:  |  Size: 703 B

14
emoticon.svg Normal file
View File

@@ -0,0 +1,14 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="87.937px" height="87.937px" viewBox="0 0 87.937 87.937" style="enable-background:new 0 0 87.937 87.937;"
xml:space="preserve">
<style type="text/css">
.st0{fill:none;stroke:#6f7378;stroke-width:2;}
.st1{fill:#6f7378;}
</style>
<circle class="st0" cx="43.968" cy="43.968" r="42.968"/>
<ellipse class="st1" cx="28.968" cy="33.996" rx="4.875" ry="6.188"/>
<ellipse class="st1" cx="58.968" cy="33.996" rx="4.875" ry="6.188"/>
<path class="st1" d="M43.968,71.308c-14.009,0-25.366-9.78-25.366-21.844h50.731C69.334,61.529,57.977,71.308,43.968,71.308z"/>
</svg>

68
fuckWechat.js Normal file
View File

@@ -0,0 +1,68 @@
// 禁止使用微信内置浏览器打开网页
// 小透明・宸 2019.1.15
if (navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1) {
var div = document.createElement('div');
div.setAttribute('id', 'fuckWechat');
var style = document.createAttribute("style");
div.setAttributeNode(style);
div.style.position = 'fixed';
div.style.left = '0';
div.style.top = '0';
div.style.width = '100%';
div.style.height = '100%';
div.style.textAlign = 'center';
div.style.backgroundColor = '#f2f2f2';
div.style.zIndex = '2147483647';
var divContent = [
'<div style="height: 36px;"></div>',
'<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 990 990" xml:space="preserve" style="width: 92px; height: 92px;">',
' <style type="text/css">',
' .st0 {',
' fill: #F66160;',
' }',
' </style>',
' <path class="st0" d="M501,0L501,0c88,0,170,22.7,246,68l0,0c74,44,132.7,103.7,176,179l0,0c44.7,78,67,162.7,67,254l0,0',
' c0,87.3-22.3,169.3-67,246l0,0c-44,73.3-102.7,132-176,176l0,0c-76.7,44.7-158.7,67-246,67l0,0c-91.3,0-176-22.3-254-67l0,0',
' c-75.3-43.3-135-102-179-176l0,0C22.7,671,0,589,0,501l0,0c0-91.3,22.7-176,68-254l0,0c44-75.3,103.7-135,179-179l0,0',
' C325,22.7,409.7,0,501,0z M522,266L522,266h-54c-2.7,0-5,1-7,3s-3,4.7-3,8l0,0l12,320c0,1.3,0.5,2.5,1.5,3.5s2.2,1.5,3.5,1.5l0,0h39',
' c2,0,3.5-0.5,4.5-1.5s1.5-2.2,1.5-3.5l0,0l12-320c0-3.3-1-6-3-8S524.7,266,522,266z M495,724L495,724c10,0,18.7-3.7,26-11',
' s11-16.2,11-26.5s-3.7-19.2-11-26.5s-16-11-26-11s-18.7,3.7-26,11s-11,16.2-11,26.5s3.7,19.2,11,26.5S485,724,495,724z" />',
'</svg>',
'<div style="height: 30px;"></div>',
'<div style="padding-left: 20px; padding-right: 20px;">',
' <span style="margin-bottom: 5px; font-weight: 400; font-size: 20px;">已停止访问该网页</span>',
' <div style="height: 21px;"></div>',
' <span style="font-size: 14px; color: #999; line-height: 1.6;">你正在使用微信打开该网页。微信对部分网页恶意屏蔽,为维护自由上网环境,本页面不建议使用微信打开。</span>',
'</div>',
'<div style="height: 25px;"></div>',
'<div id="fakeWechatStyleButton" style="display: inline-block; border: none; border-radius: 5px; background-color: #1aad19; color: #ffffff; width: calc(100% - 30px); height: 46px; line-height: 46px; font-size: 18px; user-select: none;">',
' 继续访问',
'</div>',
'<div style="display: flex; position: absolute; left: 0; right: 0; bottom: 0; justify-content: center; line-height: 1; margin-bottom: 15px; font-size: 14px; color: #999;">',
' <a href="https://www.zhihu.com/question/32012886/answer/246667830" style="text-decoration: none; color: #586c94;">"Don\'t be evil."</a>',
'</div>'
].join('\n');
div.innerHTML = divContent;
document.getElementsByTagName("body").item(0).appendChild(div);
var title = document.title;
document.title = '提示';
var fakeWechatStyleButton = document.getElementById('fakeWechatStyleButton');
fakeWechatStyleButton.addEventListener('touchstart', function () {
fakeWechatStyleButton.style.backgroundColor = '#179b16';
fakeWechatStyleButton.style.color = '#a2d7a2';
})
document.addEventListener('touchend', function () {
fakeWechatStyleButton.style.backgroundColor = '#1aad19';
fakeWechatStyleButton.style.color = '#ffffff';
})
fakeWechatStyleButton.addEventListener('click', function () {
var d = document.getElementById('fuckWechat');
d.parentNode.removeChild(d);
document.title = title;
})
}

13
icons.svg Normal file
View File

@@ -0,0 +1,13 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="148.697px" height="40.01px" viewBox="0 0 148.697 40.01" style="enable-background:new 0 0 148.697 40.01;"
xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
</style>
<path class="st0" d="M23.3,38.485l23.26-28.98c-0.9-0.68-9.85-8-23.28-8S0.9,8.825,0,9.505l23.26,28.98l0.02,0.02L23.3,38.485z"/>
<path class="st0" d="M132.017,4h-3.33V0h-8v4h-3.33c-1.48,0-2.67,1.19-2.67,2.67v30.67c0,1.47,1.19,2.67,2.67,2.67h14.67
c1.47,0,2.67-1.19,2.67-2.67V6.67C134.687,5.19,133.497,4,132.017,4z"/>
<path class="st0" d="M53.56,40.005h40v-40L53.56,40.005z"/>
</svg>

After

Width:  |  Height:  |  Size: 848 B

483
index.html Normal file
View File

@@ -0,0 +1,483 @@
<!DOCTYPE HTML>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
<!--<link href="mdui.min.css" rel="stylesheet">-->
<link href="https://cdn.bootcss.com/mdui/0.4.2/css/mdui.min.css" rel="stylesheet">
<style>
body {
margin: 0 0 0 0;
}
#fakeWechatMoment {
background-color: #ffffff;
display: none;
position: fixed;
left: 100%;
top: 0;
}
.topBar {
width: calc(100% - 32px);
height: 72px;
background-color: #303030;
font-size: 34px;
font-weight: 500;
color: #ffffff;
display: flex;
justify-content: flex-end;
align-items: Center;
padding-left: 16px;
padding-right: 16px;
}
.header {
width: 100%;
height: 132px;
background-color: #303030;
font-size: 48px;
color: #ffffff;
display: flex;
align-items: Center;
}
.main {
margin-left: 33px;
margin-right: 33px;
}
.footer {
width: calc(100% - 64px);
height: 132px;
border-top: 2px solid #d8d8d8;
position: relative;
display: flex;
align-items: Center;
justify-content: center;
padding-left: 32px;
padding-right: 32px;
background-color: #f5f5f5;
}
.avatarOut {
display: inline-block;
background-color: #f1f1f1;
width: 116px;
height: 116px;
vertical-align: top;
}
.avatarIn {
position: relative;
left: 6px;
top: 6px;
width: 104px;
height: 104px;
}
.content {
position: relative;
display: inline-block;
width: calc(100% - 143px);
left: 22px;
vertical-align: top;
}
.name {
color: #576b95;
font-size: 40px;
}
.text {
font-size: 36px;
line-height: 1.25em;
}
.article {
background-color: #ececec;
height: 170px;
display: flex;
align-items: Center;
}
.articleIcon {
position: relative;
left: 16px;
width: 138px;
height: 138px;
}
.articleTitle {
position: relative;
left: 32px;
width: calc(100% - 170px);
font-size: 36px;
max-width: 700px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.info {
display: inline-block;
color: #808080;
font-size: 32px;
width: calc(100% - 65px);
}
.like {
width: 100%;
background-color: #eeeeee;
font-size: 0;
}
.likeAvatarList {
position: relative;
display: inline-block;
width: calc(100% - 92px);
left: 60px;
vertical-align: top;
}
.likeAvatar {
width: 88px;
height: 88px;
margin: 17px 17px 0 0;
display: inline-block;
}
#generatedPopup {
text-align: center;
}
#generated {
width: auto;
height: 400px;
display: inline-block;
}
.squareImage {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.heimu{
background-color: #000000;
color: #000000;
transition: color .2s ease;
}
.heimu:hover{
color: #ffffff;
}
</style>
</head>
<body class="mdui-theme-primary-indigo mdui-theme-accent-pink mdui-appbar-with-toolbar">
<header class="mdui-appbar mdui-appbar-fixed">
<div class="mdui-toolbar mdui-color-theme">
<span class="mdui-typo-title">朋友圈转发截图生成工具</span>
<div class="mdui-toolbar-spacer"></div>
<a class="mdui-btn mdui-btn-icon" mdui-dialog="{target: '#about'}" mdui-tooltip="{content: '关于'}"><i class="mdui-icon material-icons">info_outline</i></a>
<a href="https://github.com/TransparentLC/WechatMomentScreenshot" class="mdui-btn mdui-btn-icon mdui-ripple mdui-ripple-white" mdui-tooltip="{content: '查看 Github'}">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve" class="mdui-icon" style="width: 24px;height:24px;">
<path fill-rule="evenodd" clip-rule="evenodd" fill="#ffffff" d="M18,1.4C9,1.4,1.7,8.7,1.7,17.7c0,7.2,4.7,13.3,11.1,15.5
c0.8,0.1,1.1-0.4,1.1-0.8c0-0.4,0-1.4,0-2.8c-4.5,1-5.5-2.2-5.5-2.2c-0.7-1.9-1.8-2.4-1.8-2.4c-1.5-1,0.1-1,0.1-1
c1.6,0.1,2.5,1.7,2.5,1.7c1.5,2.5,3.8,1.8,4.7,1.4c0.1-1.1,0.6-1.8,1-2.2c-3.6-0.4-7.4-1.8-7.4-8.1c0-1.8,0.6-3.2,1.7-4.4
c-0.2-0.4-0.7-2.1,0.2-4.3c0,0,1.4-0.4,4.5,1.7c1.3-0.4,2.7-0.5,4.1-0.5c1.4,0,2.8,0.2,4.1,0.5c3.1-2.1,4.5-1.7,4.5-1.7
c0.9,2.2,0.3,3.9,0.2,4.3c1,1.1,1.7,2.6,1.7,4.4c0,6.3-3.8,7.6-7.4,8c0.6,0.5,1.1,1.5,1.1,3c0,2.2,0,3.9,0,4.5
c0,0.4,0.3,0.9,1.1,0.8c6.5-2.2,11.1-8.3,11.1-15.5C34.3,8.7,27,1.4,18,1.4z" />
</svg>
</a>
</div>
</header>
<div class="mdui-container">
<div class="mdui-row">
<div class="mdui-col-xs-8 mdui-col-sm-10">
<div class="mdui-textfield">
<label class="mdui-textfield-label">名字</label>
<input id="configName" class="mdui-textfield-input" type="text" value="营销号免费广告姬" />
</div>
</div>
<div class="mdui-col-xs-4 mdui-col-sm-2">
<div class="mdui-textfield">
<label class="mdui-textfield-label">&nbsp;</label>
<button class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent mdui-btn-block" onclick="javascript: document.getElementById('configAvatar').click();">上传头像</button>
<input id="configAvatar" type="file" style="display: none;" />
</div>
</div>
</div>
<div class="mdui-textfield">
<label class="mdui-textfield-label">转发文章标题</label>
<input id="configArticleTitle" class="mdui-textfield-input" type="text" value="还不会用Google的你就要被时代淘汰了" />
</div>
<div class="mdui-row">
<div class="mdui-col-xs-6">
<button class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent mdui-btn-block" onclick="javascript: document.getElementById('configArticleIcon').click();">上传文章图标</button>
<input id="configArticleIcon" type="file" style="display: none;" />
</div>
<div class="mdui-col-xs-6">
<button class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent mdui-btn-block" mdui-dialog="{target: '#helpArticleIcon'}">如何获取文章图标</button>
</div>
</div>
<div class="mdui-textfield">
<label class="mdui-textfield-label">转发正文</label>
<textarea id="configText" class="mdui-textfield-input">很实用的教程&#10;需要收集五个赞&nbsp;谢谢大家啦~( ^ω^)</textarea>
</div>
<div class="mdui-textfield">
<label class="mdui-textfield-label">转发出处</label>
<input id="configApp" class="mdui-textfield-input" type="text" value="" />
</div>
<div class="mdui-row">
<div class="mdui-textfield mdui-col-xs-5">
<label class="mdui-textfield-label">日期</label>
<input id="configDate" class="mdui-textfield-input" type="date" />
</div>
<div class="mdui-textfield mdui-col-xs-2">
<label class="mdui-textfield-label">时间</label>
<input id="configTimeHour" class="mdui-textfield-input" type="number" min="0" max="23" />
</div>
<div class="mdui-textfield mdui-col-xs-2">
<label class="mdui-textfield-label">&nbsp;</label>
<input id="configTimeMinute" class="mdui-textfield-input" type="number" min="0" max="59" />
</div>
<div class="mdui-textfield mdui-col-xs-3">
<label class="mdui-textfield-label">点赞数</label>
<input id="configLike" class="mdui-textfield-input" type="number" min="0" />
</div>
</div>
<button id="generate" class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent mdui-btn-block">生成</button>
<div id="fakeWechatMoment">
<div id="topBar" class="topBar">
<img src="icons.svg" height="36" />
<span id="topBarTime"></span>
</div>
<div id="header" class="header">
<div style="width: 40px;"></div>
<img src="back.svg" style="width: auto; height: 48px;" />
<div style="width: 40px;"></div>
详情
</div>
<div id="main" class="main">
<div style="height: 30px;"></div>
<div class="avatarOut">
<div id="avatar" class="avatarIn squareImage" style="background-image: url(https://ae01.alicdn.com/kf/HTB1sqJDa.LrK1Rjy1zbq6AenFXaf.jpg);"></div>
</div>
<div class="content">
<div id="name" class="name"></div>
<div style="height: 11px;"></div>
<div id="text" class="text"></div>
<div style="height: 36px;"></div>
<div class="article">
<div id="articleIcon" class="articleIcon squareImage" style="background-image: url(https://ae01.alicdn.com/kf/HTB1ci0Da5zxK1RjSspjq6AS.pXaD.jpg);"></div>
<div id="articleTitle" class="articleTitle"></div>
</div>
<div style="height: 20px;"></div>
<div class="info">
<span id="time"></span>&nbsp;<span style="color: #576b95">删除</span>
</div>
<img src="comment.svg" style="position: relative; display: inline-block; width: auto; height: 42px; top: 9px;" />
</div>
<div style="height: 50px;"></div>
<img id="triangle" src="triangle.svg" width="40" height="16" style="position: relative; left: 25px; top: 5px;" />
<div id="like" class="like">
<img src="like.svg" width="32" height="32" style="position: relative; left: 30px; top: 40px; display: inline-block; vertical-align: top;" />
<div id="likeAvatarList" class="likeAvatarList"></div>
<div style="height: 17px;"></div>
</div>
</div>
<div id="footer" class="footer">
<div style="border: none; border-bottom: 2px solid #5ec838; font-size: 40px; color: #bbbbbb; width:760px; height: 88px; padding-left: 24px; padding-right: 24px; display: flex; align-items: center;">评论</div>
<div style="width: 22px; display: inline-block;"></div>
<img src="emoticon.svg" width="88" height="88" />
<div style="width: 40px; display: inline-block;"></div>
<div style="border: 2px solid #dcdcdc; border-radius: 7px; font-size: 36px; color: #dcdcdc; width: 122px; height: 88px; display: flex; align-items: center; justify-content: center; ">发送</div>
</div>
</div>
<div style="height: 50px;"></div>
<div class="mdui-typo-caption-opacity" style="text-align: center;">
Copyright © 2019 ✨小透明・宸✨
</div>
<div id="generatedPopup" class="mdui-dialog">
<div class="mdui-dialog-title">生成完毕| ω・`)</div>
<img id="generated" />
<div class="mdui-dialog-actions">
<a id="save" class="mdui-btn mdui-ripple">保存</a>
<button class="mdui-btn mdui-ripple" mdui-dialog-close>关闭</button>
</div>
</div>
<div id="helpArticleIcon" class="mdui-dialog">
<div class="mdui-dialog-title">如何获取文章图标</div>
<div class="mdui-dialog-content mdui-typo">
<ol>
<li>在右上角的菜单中复制文章的链接。</li>
<li>获取文章的网页源代码。你可以使用<a href="http://mk.mkblog.cn/home/html.php">这个</a>在线工具。</li>
<li>在源代码中查找<kbd>Ctrl+F</kbd><code>msg_cdn_url</code>,后面就是文章图标的链接。</li>
<li>将图标保存下来,然后上传。</li>
</ol>
由于浏览器同源策略限制,这里无法通过输入文章链接自动读取网页源代码并载入图标,请手动完成以上步骤。
</div>
<div class="mdui-dialog-actions">
<button class="mdui-btn mdui-ripple" mdui-dialog-close>关闭</button>
</div>
</div>
<div id="about" class="mdui-dialog">
<div class="mdui-dialog-title">关于</div>
<div class="mdui-dialog-content mdui-typo">
<h4>这个小工具是什么?</h4>
一个因为不喜欢也不想往朋友圈发某些不得不发的废文而做出来的摸鱼产物。
<h4>为什么生成的截图不是iOS版/7.x版的界面样式</h4>
因为手上只有猴机以及并不想用7.x版。
<h4>能不能生成纯文字/转发图片的截图?</h4>
懒得写样式,心情好<span class="heimu">有了萌妹子</span>的时候再加上~(*´ω`*)
<h4>开源就是好</h4>
<ul>
<li>
<a href="https://html2canvas.hertzen.com/">html2canvas</a>&nbsp;开源许可:<a href="https://github.com/niklasvh/html2canvas/blob/master/LICENSE">The MIT License</a>
</li>
<li>
<a href="https://www.mdui.org/">MDUI</a>&nbsp;开源许可:<a href="https://github.com/zdhxiong/mdui/blob/master/LICENSE">The MIT License</a>
</li>
</ul>
</div>
<div class="mdui-dialog-actions">
<button class="mdui-btn mdui-ripple" mdui-dialog-close>关闭</button>
</div>
</div>
</div>
<!--<script src="mdui.min.js"></script>-->
<script src="https://cdn.bootcss.com/mdui/0.4.2/js/mdui.min.js"></script>
<!--<script src="html2canvas.min.js"></script>-->
<script src="https://html2canvas.hertzen.com/dist/html2canvas.min.js"></script>
<script src="avatarURL.js"></script>
<script src="fuckWechat.js"></script>
<script>
//设初始值
document.getElementById('configDate').valueAsDate = new Date();
document.getElementById('configTimeHour').value = (new Date()).getHours();
document.getElementById('configTimeMinute').value = (new Date()).getMinutes();
document.getElementById('configLike').value = Math.floor(20 * Math.random());
//检验数值是否合法
document.getElementById('configTimeHour').addEventListener('input', function () {
if (document.getElementById('configTimeHour').value > 23) {
document.getElementById('configTimeHour').value = 23;
} else if (document.getElementById('configTimeHour').value < 0) {
document.getElementById('configTimeHour').value = 0;
}
})
document.getElementById('configTimeMinute').addEventListener('input', function () {
if (document.getElementById('configTimeMinute').value > 59) {
document.getElementById('configTimeMinute').value = 59;
} else if (document.getElementById('configTimeMinute').value < 0) {
document.getElementById('configTimeMinute').value = 0;
}
})
document.getElementById('configLike').addEventListener('input', function () {
if (document.getElementById('configLike').value <0) {
document.getElementById('configLike').value = 0;
}
})
//上传图片
document.getElementById('configAvatar').addEventListener('change', function () {
document.getElementById('avatar').src = window.URL.createObjectURL(this.files[0]);
});
document.getElementById('configArticleIcon').addEventListener('change', function () {
document.getElementById('articleIcon').style.backgroundImage = 'url(\"' + window.URL.createObjectURL(this.files[0]) + '\")';
});
document.getElementById('generate').addEventListener('click', function () {
//设置生成的图片上的各种属性
document.getElementById('name').innerText = document.getElementById('configName').value;
document.getElementById('text').innerText = document.getElementById('configText').value;
document.getElementById('articleTitle').innerText = document.getElementById('configArticleTitle').value;
//设置时间
var configDate = document.getElementById('configDate').valueAsDate;
configDate.setHours(document.getElementById('configTimeHour').value);
configDate.setMinutes(document.getElementById('configTimeMinute').value);
var date = new Date();
date.setSeconds(0);
date.setMilliseconds(0);
var diff = date.getTime() - configDate.getTime();
if (diff > 0 && diff < 60 * 60 * 1000) {
document.getElementById('time').innerText = Math.floor(diff / (60 * 1000)) + '分钟前';
} else if (diff > 0 && diff < 60 * 60 * 24 * 1000) {
document.getElementById('time').innerText = Math.floor(diff / (60 * 60 * 1000)) + '小时前';
} else {
document.getElementById('time').innerText = configDate.getFullYear() + '年' + (configDate.getMonth() + 1) + '月' + configDate.getDate() + '日 ' + ((configDate.getHours() < 10) ? ('0' + configDate.getHours()) : configDate.getHours()) + ':' + ((configDate.getMinutes() < 10) ? ('0' + configDate.getMinutes()) : configDate.getMinutes());
}
document.getElementById('topBarTime').innerText = ((date.getHours() < 10) ? ('0' + date.getHours()) : date.getHours()) + ':' + ((date.getMinutes() < 10) ? ('0' + date.getMinutes()) : date.getMinutes());
if (document.getElementById('configApp') != '') {
document.getElementById('time').innerText += ' ' + document.getElementById('configApp').value;
}
//加入点赞头像
var avatar = document.getElementsByClassName('likeAvatar');
var avatarSource = avatarURL.concat();
var avatarUsedIndex = 0;
document.getElementById('likeAvatarList').innerHTML = '';
for (var i = 0; i < document.getElementById('configLike').value; i++) {
if (avatarSource.length <= 0) {
avatarSource = avatarURL.concat();
}
avatarUsedIndex = Math.floor(Math.random() * avatarSource.length);
var div = document.createElement('div');
div.setAttribute('class', 'likeAvatar squareImage');
div.setAttribute('style', 'background-image: url(\"' + avatarSource[avatarUsedIndex] + '\");');
document.getElementById('likeAvatarList').appendChild(div);
avatarSource.splice(avatarUsedIndex, 1)
}
//显示用于生成图片的div
document.getElementById('fakeWechatMoment').style.display = 'block';
document.getElementById('fakeWechatMoment').style.width = '1080px';
document.getElementById('fakeWechatMoment').style.height = '';
document.getElementById('fakeWechatMoment').style.height = ((window.getComputedStyle(document.getElementById('fakeWechatMoment')).height.replace('px', '') > 1920) ? window.getComputedStyle(document.getElementById('fakeWechatMoment')).height.replace('px', '') : 1920) + 'px';
//点赞数为0时隐藏点赞区
if (document.getElementById('configLike').value <= 0) {
document.getElementById('triangle').style.display = 'none';
document.getElementById('like').style.display = 'none';
} else {
document.getElementById('triangle').style.display = 'block';
document.getElementById('like').style.display = 'block';
}
//修正底部位置
var offset = Number(window.getComputedStyle(document.getElementById('topBar')).height.replace('px', '')) + Number(window.getComputedStyle(document.getElementById('header')).height.replace('px', '')) + Number(window.getComputedStyle(document.getElementById('main')).height.replace('px', ''));
document.getElementById('footer').style.bottom = ((offset < 1920 - Number(window.getComputedStyle(document.getElementById('footer')).height.replace('px', ''))) ? (-1920 + Number(window.getComputedStyle(document.getElementById('footer')).height.replace('px', '')) + offset) : 0) + 'px';
//按钮上的提示
document.getElementById('generate').setAttribute('disabled', '');
document.getElementById('generate').innerText = '生成中...'
var option = {
useCORS: true,
scale: 1
}
html2canvas(document.getElementById('fakeWechatMoment'), option).then(function (canvas) {
var dURL = canvas.toDataURL();
document.getElementById('generated').src = dURL;
document.getElementById('save').setAttribute('href', dURL);
document.getElementById('save').setAttribute('download', (new Date()).getTime() + '.png');
(new mdui.Dialog(document.getElementById('generatedPopup'))).open();
document.getElementById('fakeWechatMoment').style.display = 'none';
document.getElementById('generate').removeAttribute('disabled');
document.getElementById('generate').innerText = '生成'
});
});
</script>
</body>
</html>

16
like.svg Normal file
View File

@@ -0,0 +1,16 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="33.066px" height="30.919px" viewBox="0 0 33.066 30.919" style="enable-background:new 0 0 33.066 30.919;"
xml:space="preserve">
<style type="text/css">
.st0{fill:none;stroke:#576b95;stroke-width:4;}
</style>
<g>
<g>
<path class="st0" d="M16.533,28.531c0,0,7.608-4.959,10.125-8.438c2.276-3.145,4.313-6.188,4.406-10.219S27.922,1.991,24.221,2
c-2.842,0.007-4.219,1.313-7.688,3.844C13.064,3.313,11.688,2.007,8.846,2C5.144,1.991,1.908,5.844,2.002,9.875
c0.094,4.031,2.13,7.073,4.406,10.219C8.925,23.572,16.533,28.531,16.533,28.531z"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 845 B

10
triangle.svg Normal file
View File

@@ -0,0 +1,10 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="39.656px" height="16.734px" viewBox="0 0 39.656 16.734" style="enable-background:new 0 0 39.656 16.734;"
xml:space="preserve">
<style type="text/css">
.st0{fill:#EEEEEE;}
</style>
<polygon class="st0" points="19.828,0 0,16.734 39.656,16.734 "/>
</svg>

After

Width:  |  Height:  |  Size: 535 B