hexo 블로그를 꾸며보자!! 나만의 파비콘을 만들고 블로그에 적용해 보자!! by goodhello

View this thread on steempeak.com
hive-101145 · @goodhello · (edited)
$17.40
hexo 블로그를 꾸며보자!! 나만의 파비콘을 만들고 블로그에 적용해 보자!!
안녕하세요.

굳헬로 @goodhello 입니다.

![](https://cdn.steemitimages.com/DQmV9NnLWu5jVXWNwRn8mB6snPU29pMw2w4VjR6PaGhJB2w/image.png)

새로운 한주가 시작되었네요.

오늘부터는 지난주에 만든 hexo 블로그를 꾸며보려고 하는데요.

며칠전 hexo 블로그에 테마를 적용할 때 테마 내의 `_config.yml`설정파일을 수정하여 

```
widgets:
    -
        # Widget name
        type: profile
        # Where should the widget be placed, left or right
        position: left
        # Author name to be shown in the profile widget
        author: Goodhello
        # Title of the author to be shown in the profile widget
        author_title: 굳헬로의 블로그
        # Author's current location to be shown in the profile widget
        location: 한국
```
![](https://cdn.steemitimages.com/DQmTqPwujbm3EPuraNTXPz2AgM2r61DeRcxgp5vMfgKf9UM/image.png)

간단하게 위젯 수정과 `avatar.png` 파일을 수정하여 블로그 아바타도 수정해 보았는데요.

오늘은 이어서 블로그를 계속 꾸며보도록 하겠습니다.

먼저 파비콘을 한번 바꿔보도록 하겠습니다.

파비콘이란 즐겨찾기 아이콘을 말하는데요.

![](https://cdn.steemitimages.com/DQmahsA3Wd8gGaXM47U4GaNqVgetWpKeLCkryma3XfRq6E7/image.png)

이렇게 웹 브라우저에서 아이콘을 확인할 수 있으며, 즐겨찾기시에도 이름 옆에 아이콘이 생성되어 웹 사이트를 표현하기에 좋은 아이템인데요.

우선 파비콘을 하나 만들어 보겠습니다.

저는 파워포인와 포토스케이프 프로그램을 이용하였는데요.

![](https://cdn.steemitimages.com/DQmdsAW7q34eDFo2ojAn6XLSRHE5Y8xQzLsWx9432Th2GXG/image.png)

맑은고딕 폰트를 적용하여 굳 이라는 글자를 입력하고 이를 포토스케이프에 붙여 넣기 하였습니다.

![](https://cdn.steemitimages.com/DQmYEF9T49TRygYbnTsiw91Do5Q8yuTC5kVV68RL1tGYnMD/image.png)

그리고 하단의 편집 도구에 크기조절을 누르고

![](https://cdn.steemitimages.com/DQmUtehDCBJAZUr8eey1z7bwkPiZfYcYtLpJeNMHbc4e5PY/image.png)

가로 세로 크기를 17 픽셀로 맞추어 주었습니다.

![](https://cdn.steemitimages.com/DQmXoc4xhKTqQwV6GCDs89F5JmXqAvwHN64qGSWoeYa38wb/image.png)

그러면 위와같이 크기가 작게 변하는데 이제 저장 버튼을 눌러

![](https://cdn.steemitimages.com/DQmW66dB7u1ksFzQAZyUySYu7yKZoqH1Gig7jr2E4WHmXFs/image.png)

원하는 이름으로 저장을 해줍니다.

저는 `my_favicon` 이라는 이름에 `png` 파일 형식으로 저장을 해주었습니다.

이제 이 파일을 블로그 아래 `themes` 폴더 아래 현재 적용된 테마 이름 아래 `source` 내에 `images` 폴더에 복사를 합니다.

`icarus` 테마를 적용한 저는 다음 경로에

`D:\blog\steemblog\themes\icarus\source\images`

붙여 넣고 `my_favicon.png` 파일 확장자를 `my_favicon.ico`으로 바꿔줍니다.

![](https://cdn.steemitimages.com/DQmRVeJkHNwDgQuPiffHaLJyZTUBvGPGsDhiNWPQGxHrPnG/image.png)

그리고 테마의 `_config.yml`을 열어보면

```
favicon: /images/favicon.svg
```

`favicon` 이라고 나오는 부분의 코드를 방금 만든 `my_favicon.ico` 으로 변경해 줍니다.

```
favicon: /images/my_favicon.ico
```

이제 hexo 블로그를 들어가보면

![](https://cdn.steemitimages.com/DQmPPWzyaCqHNN6HVsaE2GctLBfs1wZD3skBLL89kPAGcE8/image.png)

상단에 `굳`이라는 파비콘이 적용된 것을 확인할 수 있으며

즐겨찾기(북마크)를 해보면

![](https://cdn.steemitimages.com/DQmP8FY3jVMCgWBSKe7sF9vnqxdpNJygHoJitaDjpEUfqPx/image.png)

역시 `굳` 파비콘이 적용된 것을 확인할 수 있습니다.

소소하지만 나만의 파비콘이 적용되니 블로그가 약간은 더 멋있어(?) 진 것 같네요.

그럼 다음 시간에도 계속해서 hexo 블로그를 멋지게 꾸며나가보도록 하겠습니다.

오늘 하루도 파이팅 하시고~ 행복한 하루 보내시길 바래요~
👍  , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , and 234 others
properties (23)
post_id85,225,245
authorgoodhello
permlink6smcnr-hexo
categoryhive-101145
json_metadata{"tags":["hive-101145","sct-kr","sct-freeboard","sago","spt","zzan","s","union","mini","sct","busy","liv"],"users":["goodhello"],"image":["https:\/\/cdn.steemitimages.com\/DQmV9NnLWu5jVXWNwRn8mB6snPU29pMw2w4VjR6PaGhJB2w\/image.png","https:\/\/cdn.steemitimages.com\/DQmTqPwujbm3EPuraNTXPz2AgM2r61DeRcxgp5vMfgKf9UM\/image.png","https:\/\/cdn.steemitimages.com\/DQmahsA3Wd8gGaXM47U4GaNqVgetWpKeLCkryma3XfRq6E7\/image.png","https:\/\/cdn.steemitimages.com\/DQmdsAW7q34eDFo2ojAn6XLSRHE5Y8xQzLsWx9432Th2GXG\/image.png","https:\/\/cdn.steemitimages.com\/DQmYEF9T49TRygYbnTsiw91Do5Q8yuTC5kVV68RL1tGYnMD\/image.png","https:\/\/cdn.steemitimages.com\/DQmUtehDCBJAZUr8eey1z7bwkPiZfYcYtLpJeNMHbc4e5PY\/image.png","https:\/\/cdn.steemitimages.com\/DQmXoc4xhKTqQwV6GCDs89F5JmXqAvwHN64qGSWoeYa38wb\/image.png","https:\/\/cdn.steemitimages.com\/DQmW66dB7u1ksFzQAZyUySYu7yKZoqH1Gig7jr2E4WHmXFs\/image.png","https:\/\/cdn.steemitimages.com\/DQmRVeJkHNwDgQuPiffHaLJyZTUBvGPGsDhiNWPQGxHrPnG\/image.png","https:\/\/cdn.steemitimages.com\/DQmPPWzyaCqHNN6HVsaE2GctLBfs1wZD3skBLL89kPAGcE8\/image.png","https:\/\/cdn.steemitimages.com\/DQmP8FY3jVMCgWBSKe7sF9vnqxdpNJygHoJitaDjpEUfqPx\/image.png"],"app":"busy\/2.5.6","format":"markdown","canonical_url":"https:\/\/www.steemcoinpan.com\/@goodhello\/6smcnr-hexo","community":"busy","links":["\/@goodhello"]}
created2020-03-16 03:57:15
last_update2020-03-16 04:11:21
depth0
children5
net_rshares63,343,029,964,735
last_payout2020-03-23 03:57:15
cashout_time1969-12-31 23:59:59
total_payout_value9.159 SBD
curator_payout_value8.244 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length2,687
author_reputation2,796,833,846,309,069
root_title"hexo 블로그를 꾸며보자!! 나만의 파비콘을 만들고 블로그에 적용해 보자!!"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
author_curate_reward""
vote details (298)
@playsteemmonster · 
@tipu curate
properties (22)
post_id85,225,368
authorplaysteemmonster
permlinkre-6smcnr-hexo-20200316t040146z
categoryhive-101145
json_metadata{"app":"beem\/0.21.1"}
created2020-03-16 04:01:45
last_update2020-03-16 04:01:45
depth1
children1
net_rshares0
last_payout2020-03-23 04:01:45
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length12
author_reputation3,548,133,892,335
root_title"hexo 블로그를 꾸며보자!! 나만의 파비콘을 만들고 블로그에 적용해 보자!!"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
@tipu · 
<a href="https://tipu.online/curator?playsteemmonster" target="_blank">Upvoted  &#128076;</a> (Mana: 30/35 - <a href="https://steempeak.com/steem/@tipu/tipu-curate-project-update-recharging-curation-mana" target="_blank">need recharge</a>?)
properties (22)
post_id85,225,374
authortipu
permlinkre-re-6smcnr-hexo-20200316t040146z-20200316t040203
categoryhive-101145
json_metadata{}
created2020-03-16 04:02:00
last_update2020-03-16 04:02:00
depth2
children0
net_rshares0
last_payout2020-03-23 04:02:00
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length240
author_reputation55,804,171,747,699
root_title"hexo 블로그를 꾸며보자!! 나만의 파비콘을 만들고 블로그에 적용해 보자!!"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
@feelsogood.spt · 
즐몬하세요 ^^
properties (22)
post_id85,229,466
authorfeelsogood.spt
permlinkre-6smcnr-hexo-20200316t072119z
categoryhive-101145
json_metadata{"app":"rewarding\/0.1.5"}
created2020-03-16 07:21:21
last_update2020-03-16 07:21:21
depth1
children0
net_rshares0
last_payout2020-03-23 07:21:24
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length8
author_reputation73,752,675,176
root_title"hexo 블로그를 꾸며보자!! 나만의 파비콘을 만들고 블로그에 적용해 보자!!"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
@steemitboard · 
Congratulations @goodhello! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) :

<table><tr><td><img src="https://steemitimages.com/60x60/http://steemitboard.com/img/notifications/postallweek.png"></td><td>You published a post every day of the week</td></tr>
</table>

<sub>_You can view [your badges on your Steem Board](https://steemitboard.com/@goodhello) and compare to others on the [Steem Ranking](https://steemitboard.com/ranking/index.php?name=goodhello)_</sub>
<sub>_If you no longer want to receive notifications, reply to this comment with the word_ `STOP`</sub>


To support your work, I also upvoted your post!


###### [Vote for @Steemitboard as a witness](https://v2.steemconnect.com/sign/account-witness-vote?witness=steemitboard&approve=1) to get one more award and increased upvotes!
properties (22)
post_id85,235,329
authorsteemitboard
permlinksteemitboard-notify-goodhello-20200316t125759000z
categoryhive-101145
json_metadata{"image":["https:\/\/steemitboard.com\/img\/notify.png"]}
created2020-03-16 12:57:57
last_update2020-03-16 12:57:57
depth1
children0
net_rshares0
last_payout2020-03-23 12:57:57
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length861
author_reputation38,705,954,145,809
root_title"hexo 블로그를 꾸며보자!! 나만의 파비콘을 만들고 블로그에 적용해 보자!!"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
@steem-ua · 
#### Hi @goodhello!

Your post was upvoted by @steem-ua, new Steem dApp, using UserAuthority for algorithmic post curation!
Your **UA** account score is currently 3.533 which ranks you at **#4478** across all Steem accounts.
Your rank has dropped 141 places in the last three days (old rank 4337).

In our last Algorithmic Curation Round, consisting of 75 contributions, your post is ranked at **#18**.
##### Evaluation of your UA score:

* You're on the right track, try to gather more followers.
* The readers like your work!
* Try to work on user engagement: the more people that interact with you via the comments, the higher your UA score!


**Feel free to join our [@steem-ua Discord server](https://discord.gg/KpBNYGz)**
properties (22)
post_id85,242,720
authorsteem-ua
permlinkre-6smcnr-hexo-20200316t190157z
categoryhive-101145
json_metadata{"app":"beem\/0.21.0"}
created2020-03-16 19:01:57
last_update2020-03-16 19:01:57
depth1
children0
net_rshares0
last_payout2020-03-23 19:01:57
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length727
author_reputation23,203,609,903,979
root_title"hexo 블로그를 꾸며보자!! 나만의 파비콘을 만들고 블로그에 적용해 보자!!"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
Help/Feedback