AI और प्रौद्योगिकी on kenji.blog

curl के साथ Gmail भेजें

Thu, 27 Feb 2025 02:13:31 +0900

curl के साथ Gmail भेजें

1. ऐप पासवर्ड प्राप्त करें

https://myaccount.google.com/apppasswords उपरोक्त लिंक पर क्लिक करें और ऐप का नाम दर्ज करें। जेनरेट किए गए पासवर्ड को सेव करें।

2. curl कमांड के साथ ईमेल भेजें

निम्नलिखित कमांड निष्पादित करें।

नीचे दिए गए उदाहरण में, ईमेल की सामग्री mail.txt में लिखी गई है।

1
2
3
4
5
6


From: from@gmail.com
To: to@gmail.com
Subject: टेस्ट ईमेल
Content-Type: text/plain; charset="UTF-8"

यह एक टेस्ट ईमेल है।

उपरोक्त फ़ाइल बनाएं और निम्न कमांड चलाएं।

1

curl --url "smtps://smtp.gmail.com:465" --ssl-reqd --mail-from "from@gmail.com" --mail-rcpt "to@gmail.com" --user "from@gmail.com:xxxxxxxxxxxxxxxx" --upload-file mail.txt

※ कृपया xxxxxxxxxxxxxxxx को अपने ऐप पासवर्ड से बदलें।

mermaid.js का परीक्षण

Sat, 25 May 2024 02:18:09 +0900

mermaid.js क्या है

mermaid.js एक JavaScript लाइब्रेरी है जो आपको फ्लोचार्ट, डायग्राम और गैंट चार्ट जैसे जटिल डायग्राम को टेक्स्ट-आधारित मूल सिंटैक्स (Mermaid सिंटैक्स) लिखकर ग्राफिक रूप से प्रदर्शित करने की अनुमति देती है। इसे GitHub, Qiita और Notion जैसी विभिन्न सेवाओं में भी अपनाया गया है। इस बार, हम hugo में mermaid.js का उपयोग करने का प्रयास करेंगे।

hugo में mermaid.js को सक्षम करना

चरण इस प्रकार हैं:

layouts/partials/extend_footer.html में निम्नलिखित जोड़ें।

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13


{{ if or .Params.mermaid .Site.Params.mermaid }}
<script src="https://cdn.jsdelivr.net/npm/mermaid@10.3.0/dist/mermaid.min.js"></script>
{{- $loadmermaid := resources.Get "js/load-mermaid.js" }}
<script src="{{ $loadmermaid.RelPermalink }}"></script>
<script>
 window.initMermaid();
 if (isDarkTheme()) {
 setPrefTheme('dark');
 } else {
 setPrefTheme('light');
 }
</script>
{{ end }}

※ mermaid.min.js केवल तभी लोड होता है जब if स्टेटमेंट में mermaid: true सेट किया जाता है। यह लाइब्रेरी लगभग 3MB की है और आश्चर्यजनक रूप से बड़ी है।

assets/js/load-mermaid.js बनाएं। इस प्रक्रिया का उपयोग थीम बदलने पर इनिशियलाइज़ करने और गतिशील रूप से फिर से बनाने के लिए किया जाता है।

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62


(function(window){
'use strict'

 const elementCode = '.mermaid'
 const loadMermaid = function(theme) {
 window.mermaid.initialize({theme})
 window.mermaid.init({theme}, document.querySelectorAll(elementCode))
 }
 const saveOriginalData = function(){
 return new Promise((resolve, reject) => {
 try {
 var els = document.querySelectorAll(elementCode),
 count = els.length;
 els.forEach(element => {
 element.setAttribute('data-original-code', element.innerHTML)
 count--
 if(count == 0){
 resolve()
 }
 });
 } catch (error) {
 reject(error)
 }
 })
 }
 const resetProcessed = function(){
 return new Promise((resolve, reject) => {
 try {
 var els = document.querySelectorAll(elementCode),
 count = els.length;
 els.forEach(element => {
 if(element.getAttribute('data-original-code') != null){
 element.removeAttribute('data-processed')
 element.innerHTML = element.getAttribute('data-original-code')
 }
 count--
 if(count == 0){
 resolve()
 }
 });
 } catch (error) {
 reject(error)
 }
 })
 }

 const init = ()=>{
 saveOriginalData()
 .catch( console.error )
 document.body.addEventListener('dark-theme-set', ()=>{
 resetProcessed()
 .then(loadMermaid('dark'))
 .catch(console.error)
 })
 document.body.addEventListener('light-theme-set', ()=>{
 resetProcessed()
 .then(loadMermaid('default'))
 .catch(console.error)
 })
 }
 window.initMermaid = init
})(window);

इसके लिए आधार कोड निम्नलिखित से संदर्भित किया गया था:

Reinitialize with new theme #1945

header.html में थीम बदलते समय प्रक्रिया को संशोधित करें

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24


function switchTheme(theme) {
 switch (theme) {
 case 'light':
{{ if or .Params.mermaid .Site.Params.mermaid }}
 document.body.dispatchEvent(new CustomEvent('light-theme-set'));
{{ end }}
 document.body.classList.remove('dark');
 break;
 case 'dark':
{{ if or .Params.mermaid .Site.Params.mermaid }}
 document.body.dispatchEvent(new CustomEvent('dark-theme-set'));
{{ end }}
 document.body.classList.add('dark');
 break;
 // auto
 default:
 if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
{{ if or .Params.mermaid .Site.Params.mermaid }}
 document.body.dispatchEvent(new CustomEvent('dark-theme-set'));
{{ end }}
 document.body.classList.add('dark');
 }
 }
}

layouts/shortcodes/mermaid.html बनाएं

1
2
3


<div class="mermaid" align="{{ if .Get "align" }}{{ .Get "align" }}{{ else }}center{{ end }}">
 {{ safeHTML .Inner }}
</div>

उपरोक्त चरणों के साथ, mermaid.js का उपयोग करने की तैयारी पूरी हो गई है।

mermaid.js का प्रयास करना

लेख की परिभाषा में निम्नलिखित जोड़ें

1

marmaid: true

लेख के मुख्य भाग में निम्नलिखित जोड़ें

फ्लोचार्ट

1
2
3
4
5
6


{{<mermaid align="center">}}
graph TD
 A[प्रारंभ] -->|शर्त 1| B(शर्त 2)
 B --> C{शर्त 3}
 C -->|शर्त 4| D[अंत]
{{</mermaid>}}

आउटपुट परिणाम

graph TD A[प्रारंभ] -->|शर्त 1| B(शर्त 2) B --> C{शर्त 3} C -->|शर्त 4| D[अंत]

गैंट चार्ट

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12


{{<mermaid align="center">}}
gantt
 section Project
 आवश्यकता परिभाषा :done, a, 2024-05-25, 5d
 मूल डिज़ाइन :done, b, after a, 5d
 विस्तृत डिज़ाइन :done, c, after b, 5d
 निर्माण :active, d, after c, 10d
 यूनिट टेस्ट :crit, e, after d, 5d
 एकीकरण परीक्षण : f, after e, 5d
 सिस्टम टेस्ट : g, after f, 5d
 रिलीज़ :milestone, h, after g, 1d
{{</mermaid>}}

आउटपुट परिणाम

gantt section Project आवश्यकता परिभाषा :done, a, 2024-05-25, 5d मूल डिज़ाइन :done, b, after a, 5d विस्तृत डिज़ाइन :done, c, after b, 5d निर्माण :active, d, after c, 10d यूनिट टेस्ट :crit, e, after d, 5d एकीकरण परीक्षण : f, after e, 5d सिस्टम टेस्ट : g, after f, 5d रिलीज़ :milestone, h, after g, 1d

अनुक्रम आरेख

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16


{{<mermaid align="center">}}
sequenceDiagram
 participant user
 participant view
 participant controller
 participant model
 participant database
 user->>view: ID/PW दर्ज करें
 view->>controller: प्रमाणीकरण अनुरोध
 controller->>model: प्रमाणीकरण अनुरोध
 model->>database: प्रमाणीकरण अनुरोध
 database-->>model: प्रमाणीकरण परिणाम वापस करें
 model-->>controller: प्रमाणीकरण परिणाम वापस करें
 controller-->>view: प्रमाणीकरण परिणाम वापस करें
 view-->>user: प्रमाणीकरण परिणाम प्रदर्शित करें
{{</mermaid>}}

आउटपुट परिणाम

sequenceDiagram participant user participant view participant controller participant model participant database user->>view: ID/PW दर्ज करें view->>controller: ajax पूछताछ controller->>model: प्रमाणीकरण अनुरोध model->>database: SQL जारी करना database-->>model: SQL परिणाम वापस करें model-->>controller: अनुरोध परिणाम वापस करें controller-->>view: ajax पूछताछ परिणाम वापस करें view-->>user: प्रमाणीकरण परिणाम प्रदर्शित करें

बस इतना ही।

संदर्भ

paint.net का उपयोग करके किसी छवि के विशिष्ट भागों पर मोज़ेक कैसे लागू करें

Tue, 11 Apr 2023 16:33:10 +0900

मैं आपको बताऊंगा कि paint.net का उपयोग करके किसी छवि के विशिष्ट भागों पर मोज़ेक कैसे लागू करें।

इंटरनेट पर छवियों को अपलोड करते समय, ऐसे मामले हो सकते हैं जहां आप छवि के विशिष्ट भागों में मोज़ेक जोड़ना चाहते हैं। paint.net का उपयोग करके, आप छवियों को तुरंत संसाधित कर सकते हैं।

प्रक्रिया

1. उस छवि को paint.net में खोलें जिस पर आप मोज़ेक लागू करना चाहते हैं

2. चयन उपकरण का उपयोग करके, उस क्षेत्र का चयन करें जहां आप मोज़ेक जोड़ना चाहते हैं (एकाधिक चयन संभव है)

3. मेनू > प्रभाव > विकृत करें > मोज़ेक चुनें

सेल आकार के अनुसार मोज़ेक प्रसंस्करण का खुरदरापन सेट करें। संख्या जितनी बड़ी होगी, छुपाव उतना ही अधिक होगा।
[छोटा करें] मल्टीसैंपल बिलिनियर चुनें
[बड़ा करें] निकटतम पड़ोसी चुनें

संवाद बॉक्स को OK के साथ बंद करें।

4. छवि को मोज़ेक के साथ संसाधित किया जाएगा, फिर छवि को सहेजें।

बस इतना ही।